Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

baxinha_RS

Problema IE 6 e IE 7

Recommended Posts

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á.

Compartilhar este post


Link para o post
Compartilhar em outros sites

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.

Compartilhar este post


Link para o post
Compartilhar em outros sites

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;
       }

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.