Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal,
Havia abandonado um site meu e agora resolvi voltar.
Estou com um problema com DIV's e Spans que criaram um espaço desnecessário (e feio) no layout.
Segue uma pequena ilustração:
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.acampi.com.br/Virtua/images/Print.jpg&key=ab5e7fb0bfe710d9d9f23ed2a1067fcdaba5f1b8d221c24fb24f558b53d8d3a0" alt="Print.jpg" />
Aquele espaço que o Explorer faz é que eu não consigo tirar.
Segue HTML:
<div id="logo">
<img src="images/logo.png" width="530" />
</div>
<div id="login" align="right">
<iframe src="campo_login.php" name="log" scrolling="no" width="100%" height="100%" frameborder="0"></iframe>
</div>
<div id="menu" align="right">
<p align="right">
<span style="float: right;">
<a href="anuncie.php" class="meio">.anuncie.</a><a href="compre.php" class="centro">compre.</a><a href="conheca.php" class="meio">conheça.</a></span></p>
</div>
<div style="clear: both;"></div>
E o CSS
#logo{
border: 0px solid #003399;
float: left;
width: 49%;
height: 125pt;
background-color:;
display:inline;
}
#login{
border: 0px solid #000066;
float: right;
width: 50%;
height: 50pt;
line-height: 50pt;
}
#menu{
border: 0px solid #000066;
float: right;
width: 50%;
height: 74pt;
position: relative;
font-size: 30px;
text-align: right;
display:inline;
}
span {
border: 1px solid black;
position: absolute;
display:block;
bottom: 0px;
width: 220px;
text-align: right;
font-family: arial;
color: forestGreen;
font-weight: bold;
font-style: normal;
float: right;
clear: both;
border: 0px solid black;
left: 32px;
}
Desde já agradeço,
Vitor
Carregando comentários...