Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Galera estou com problemas de sobreposição de DIV no FF para composição de um menu horizontal (JQuery). O que acontece, tenho a estrutura da página com um menu no topo. No IE o menu abre direitinho e o conteúdo da página funciona beleza. Já no FF a div do menu está sobrepondo o conteúdo logo abaixo do menu. Na DIV estou utilizando height auto, pois se tiro o heihgt os itens do menu são sobrepostos pelo conteúdo e se especifico por exemplo 200px de height os itens do menu abrem até o limite da altura especificada.
Veja a estrutura do CSS:
<style type="text/css">
body {
margin-left:0px auto;
top-margin:0px;
overflow-x:hidden;overflow-y:auto;
font-size: 14px;
font-family: arial,verdana;
text-align:center; /* hack para o IE */
height: auto;
overflow:hidden;
}
a { font-family: Arial, Helvetica, sans-serif; font-size: 12px;color: #0554A0; }
a:link { text-decoration: none; color: #0554A0; }
a:visited { text-decoration: none; color: #0554A0; }
a:hover { text-decoration: none; color:#0554A0; }
a:active { text-decoration: none; color: #0554A0;
}
#tudo {
width:960px;
margin:0 auto;
text-align:left;
overflow:hidden;
}
#menu{
position:fixed;
width: auto;
height: auto;
left:0px;
top:0px;
bottom: 0;
overflow:hidden;
z-index:10;
}
#conteudo {
position: absolute;
top:100px;
left:170px;
width: 920px;
height:510px;
margin-left:20px;
overflow-y:auto; overflow-x:hidden;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#0554A0;
z-index:9;
}#rodape p {
width:auto;
height:75px;
overflow:hidden;
}
</style>Estrutura da página:
<BODY>
<div id="tudo">
<!-- inicio E fim div Back menu esq -->
<div id="menu">cabeçalho/menu</div>
<div id='conteudo'></div>
<div id='rodape'></div>
</div>
</body>
</html>Carregando comentários...