Postagens
Male
É o seguinte tenho um site fluido, e um menu horizontal no topo, esse menu deveria ficar alinhado ao centro, mas no IE ( pra variar) ele fica alinhado à esquerda, o pior é que a página tá ficando com barra de rolagem horizontal e a barra vertical dupla
Eu acho que talvez seja por causa do menu, porque no firefox e chrome nao aparecem essas barras de rolagem e o menu fica alinhado ao centro certinho
Se alguem poder me ajudar eu agradeço muito;
* {margin:0; padding:0;}
body {font:12px Helvetica, sans-serif; font-weight:bold; text-align: center;}
#topo {background:url(../imagens/topobg.jpg) repeat-x top left; position:absolute; left:0px; top:0px; width:100%; height:185px; z-index:1;}
#submenu {background:url(../imagens/topobarrabg.png) repeat-x; position:absolute; left:0px; top:145px; width:100%; height:40px; z-index:3;}
.topleft {background:url(../imagens/topobarraesq.png) no-repeat; float:left; height: 40px; width: 45px;}
.topright {background:url(../imagens/topobarradir.png) no-repeat; float:right; height: 40px; width: 45px;}
#topcont {margin-left:45px; height:40px;}
.contleft {height:40px; line-height:40px; padding:0 10px; float:left; display:table-cell; vertical-align:middle;}
.contright {background:url(../imagens/topobarradir.png) no-repeat; height:40px; width:45px; float:right;}
.imgvertical {vertical-align:top; padding:0 5px;}
#nav {position:absolute; top:104px; width:100%; height:40px; z-index:99; margin: 0 auto;}
#logo {top:0; margin-left: 15px; width:210px; height:110px; z-index:999;}
h2 {clear:both;padding-top:20px;}
ul {list-style:none; margin: 0 auto; display: table;}
li {float:left; width:120px; height:30px; margin:0; padding:0; text-align:center;}
li a {display:block; padding:10px 5px 0 5px; height:100%; color:#FFF; text-decoration:none; border-right:1px solid #0b5286;}
li a:hover, li a:focus, li a:active {background-position:-150px 0;}
#d a {background:url(../imagens/bg4.jpg) repeat 0 0;}
#icons {background:url(../imagens/topoicons.png) no-repeat; position:relative; float:right; top:9px; width:210px; height:35px; margin-right:50px; text-align:center; z-index:4;}
.img {padding:0 3px;}
#tudo {position:absolute; width: 100%; height: 100%; margin: 0 auto; overflow:auto; top:0px; left:0px; text-align: left; z-index: 1;}
#conteudos {margin-top: 190px; width: 80%; float: right;}
#principal {margin-top:16px; width: 73%; float: left;}
#coldir {width: 25%; float: right;}
#colesq {margin-top: 190px; width: 18%; float: left;}
#rodape {height:49px; clear:both;}
<body style="margin: 0; overflow: hidden">
<img src="imagens/fundo2.jpg" style="position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%" />
<div id="texto">
<div id="tudo">
<div id="topo">
<div id="logo"></div>
<div class="fundo">
<div id="nav"><p align=center>
<ul id="d">
<li><a href="index.php?pagina=receitas" class=link>Receitas</a></li>
<li><a href="index.php?pagina=dicas" class=link>Dicas</a></li>
<li><a href="index.php?pagina=nutricionista" class=link>Nutricionista</a></li>
<li><a href="index.php?pagina=cardapio" class=link>Cardápio</a></li>
<li><a href="index.php?pagina=empresa" class=link>Empresa</a></li>
<li><a href="index.php?pagina=distribuidor" class=link>Distribuidores</a></li>
</ul>
</p></div>
<div id="submenu">
<div class="topleft"></div>
<div id="topcont">
<div class="contleft">
<table width="280" border="0" cellpadding="0" cellspacing="0">
...
</table>
<div class="contright"></div>
</div>
</div>
</div>
</div>
<div id="conteudos">
<div id="principal">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
...
</table>
<!-- centro -->
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<div id="banner">
<div class='contentdiv'></div>
<div class='contentdiv'></div>
<div class='contentdiv'></div>
</div>
<div id="paginate-slider2" class="pagination">
</div>
</div>
<!--
banner
-->
<!-- centro -->
</div>
<div id="coldir">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
</div>
</div>
<div id="colesq">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
</table>
</div>
<div class="clear"></div>
<div id="rodape">
<div class="rodright"></div>
</div>
</div>
</div>
</body>
</html>
