Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
################## INICIO: RESOLVIDO: ##################
O problema é que o IE coloca borda nos objetos no seu interior e o FF no seu exterior.
Apenas adicionei um hack no #corpo com o _width:760px;(754 + 2*(3px de borda) ) o css do corpo ficou assim entao:
#corpo {
border:3px solid #464646;
width:754px;
_width:760px;
position: absolute;
left: 50%;
margin-left: -377px;
}################## FIM: RESOLVIDO: ##################
Um layout que estou montando está se desmontando(:/) no IE6 por causa de uma maldita borda mas que estéticamente deve continuar.
No FF, layout montado corretamente:
/applications/core/interface/imageproxy/imageproxy.php?img=http://i238.photobucket.com/albums/ff185/cassianotartari/erro_FF.jpg&key=08e9ce4e635ff600a32ccc38717521f519562fac19f61becbe93ec9417426007" alt="Imagem Postada" />
Já no IE6:
/applications/core/interface/imageproxy/imageproxy.php?img=http://i238.photobucket.com/albums/ff185/cassianotartari/erro_IE6.jpg&key=f98b082cd9b541a314e133c23dca7deb9a9f11c961453daec30d50cd1f6a2678" alt="Imagem Postada" />
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;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;#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;#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>Carregando comentários...