Vejam ele no ie8 e no FF. no FF quebras de linhas nas divs.
O que eu fiz foi colocar as div como float:left/right e coloquei paddings para alinhar o texto. No IE funciona perfeitamente, no FF parece que o padding aumenta o width da div... tanto q se eu tirar o padding funciona perfeitamente
Código de partes do site:
HTML:
<body> <div id="corpo"> <script>flash('flash/banner.swf',800,250)</script> <div id="menu_cima" class="fonte_menu_cima"><a href="index.php?page=pesquisa_imovel">Imóveis</a> <a href="index.php?page=empresa">Empresa</a> <a href="index.php?page=contato">Contato</a></div><div id="tels_cima" class="fonte_comum">(13) 3013-9091 / (13) 78xx-xxxx</div> <div id="menu_lado"><? include("menu.php"); ?></div> <div id="pagina"> <? if(isset($_REQUEST["page"])) { $page = $_REQUEST["page"]; if(file_exists("$page.php")) { include ("$page.php"); } else { include ("erro.php"); } } else { include ("principal.php"); } ?> </div> <div id="rodape1" class="fonte_comum"> <? if ($_SESSION['logado'] == 1) { echo '<span id="fonte_login">Bem vindo(a) <b>'.$_SESSION['nome'].'</b> <a class="classe2" href="index.php?page=config">Área restrita</a><a class="classe2" href="index.php?page=logout"> Log out</a></span>'; } else { ?><form name="restrita" action="index.php?page=login" method="post">Plantão - Sábados, Domingos e Feriados - (13) 78xx.xxxx ID: xx*xxxx <span class="fonte_comum2">Login: <input type="text" name="login" size="10"> Senha: <input type="password" name="senha" size="10"> <input type="submit" value="Entrar"><? } ?></div> <div id="rodape2-1"><img src="imagens/imovel_center_rodape.jpg" border="no"></div> <div id="rodape2-2" class="fonte_comum"> <table border="0" cellspacing="16" cellpadding="0" class="fonte_comum"> <tr> <td valign="top"> IMÓVEIS A VENDA<br> Revenda<br> Lançamento </td> <td valign="top"> SERVIÇOS<br> Documentação<br> Financiamento<br> Venda seu Imóvel </td> <td valign="top"> ATENDIMENTO<br> Fale Conosco<br> Corretora </td> </tr> </table> </div> <div id="rodape3"><a href="http://www.acitech.com.br" class="classe2" target="_blank">Desenvolvimento: ACI TECH</a></div> </form> </body> </html>
CSS:
div#corpo{ margin:0px auto; text-align:left; width:800px; background-color:#FFF; border:0px; overflow:auto; } #pagina { text-align:center; width:600px; height:100%; float:left; padding-top:3; padding-left:8; background-color:#FFF; border:0px; } div#tels_cima{ text-align:right; width:400; height:49px; border:0px; padding-top:12; padding-right:6; background-image:url(imagens/fundo_menu_amarelo.jpg); float:right; margin:inherit; } div#menu_cima { text-align:left; width:400; height:49px; background-image:url(imagens/fundo_menu_amarelo.jpg); border:0px; float:left; padding-top:12; padding-left:30; overflow:hidden; margin:0; } div#menu_lado { text-align:right; width:200px; border:0px; float:left; overflow:inherit; } div#rodape1 { margin:0px auto; width:800px; border:0px; text-align:center; background-color:#a9a8a8; } div#rodape2-1 { margin:0px auto; width:200px; height:100; border:0px; text-align:left; padding-left:5; padding-top:30; float:left; background-color:#dbdada; } div#rodape2-2 { margin:0px auto; width:600px; height:100; border:0px; text-align:right; float:right; background-color:#dbdada; } #rodape3 { margin:0px auto; width:800px; border:0px; text-align:right; padding-top:4; padding-right:5; height:25px; background-color:#a9a8a8; }