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