Postagens
Não informado
No FF, layout montado corretamente:
Já no IE6:
Quando eu tiro a borda de fora, o layout fica certo no ie.
O código cru, só com o erro, pode ser baixado aqui.
Alguém sabe como corrigir isso?
CSS:
* {
font-family:"Trebuchet MS", Arial, Tahoma;
margin:0;
padding:0;
list-style:none;
text-decoration:none;
border:none;
vertical-align:middle
}
body {
text-align:center;
background: #ff00d8
}
#corpo {
border:3px solid #464646;
width:754px;
position: absolute;
left: 50%;
margin-left: -377px;
}
#topo {
height:159px;
background: url(../images/topo.jpg) no-repeat center center;
/*
border:1px solid red;
*/
}
#loginEsq {
background: url(../images/baixoTopo.jpg) no-repeat center center;
width: 406px;
height:31px;
float:left;
top:0;
}
#loginDir{
background: url(../images/bg_login.jpg) no-repeat center center;
width: 348px;
height:31px;
float:right;
top:0;
}
#conteudo {
height:400px;
background-color:#d2d2d2;
/* width: auto; */
}
#rodape {
clear: both;
background: url(../images/rodape.jpg) no-repeat center center;
width:754px;
height:128px;
}HTML:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>ERRO NO IE</title> <link rel="stylesheet" href="./css/estilos.css" type="text/css"> </head> <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <div id="corpo"> <div id="topo"> </div> <div id="loginEsq"> </div> <div id="loginDir"> </div> <!-- <div id="menu"> </div> --> <!-- <div id="conteudo"> </div> --> <div id="rodape"> </div> </div> </body> </html>
