Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá, estou fazendo um site para a empresa, e estou com problemas no IE 6 e 7.
Fiz um cabeçalho onde tem um menu horizontal e abaixo uma imagem com os dados.
São duas div`s. Elas ficam embaixo uma da outra, no fireifoz, mozilla e IE 9 ficam grudadas, mas no IE 6 e 7 ficam com espaço enorme entre eles.
Agrade, desde já.
Olá, segue o codigo:
<div id="links" align="right">
<ul>
<li><a href="empresa.php">Empresa</a></li>
<li><a href="produtos.php">Produtos</a></li>
<li><a href="servicos.php">Serviços</a></li>
<li><a href="clientes.php">Clientes</a></li>
<li><a href="suporte.php">Suporte</a></li>
<li><a href="trabalhe.php">Trabalhe Conosco</a></li>
</ul>
</div>
</div>
<div style="display:inline" id="mainimg">
<h3>(51) xxxx-xxxx</h3>
<h4>falecom@empresa.com.br</h4>
</div>
CSS
#mainimg {
/overflow:hidden;/ vi num site isso, mas não pude testar ainda
background-image:url(../images/cabecalho.jpg);
background-repeat:no-repeat;
height:132px;
text-align:right;
}
#links ul {
margin:0px;
padding-top:45px;
text-align: right;
}
#links li{
float:left;
list-style-type:none;
width:114px;
height:25px;
text-align:center;
background-color:#F4A80A;
border-left:1px solid #FFF;
padding-top:4px;
}
Oi baixinha.
Sem postar exemplos e códigos fica realmente complicado adivinharmos, mas provavelmente isso está relacionado com os espaçamentos / margens utilizados. Se você espaçou um elemento, deves diminuir sua altura.
Espero ter ajudado, até mais.