[Resolvido] Erro: Espaçamento entre DIVs no IE6
Galera, já tou de saco cheio do IE6 rsrsrsrsrsrsr.
Tentei de tudo e este espaço entre os DIV´s n sai. Alguém pode me ajudar??
No Firefox e no IE7, eles funcionam direitinho, mas no IE6, aparace este espaço. Já tentei Hack, margin e etc.. e nada de sair.
/applications/core/interface/imageproxy/imageproxy.php?img=http://img229.imageshack.us/img229/1701/errodw5.jpg&key=dc3a63106cd8530dfa5e71cf363c8b0d2f8d6061f1d7b5226490cb08d0fc616e" alt="Imagem Postada" />
Meu código é este:
Index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="[http://www.w3.org/1999/xhtml">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="pt" />
<link href="estilos_proj.css" type="text/css" rel="stylesheet" />
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="estilos_proj_7" />
<![endif]-->
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="estilos_proj_6" />
<![endif]-->
</head>
<body>
<div id="tudo">
<div id="menu"></div><!-- fim div menu -->
<div id="centro">
<div id="centro_cima"> </div><!-- fim div centro_cima -->
<div id="centro_meio"></div><!-- fim div centro_meio -->
<div id="centro_baixo"></div><!-- fim div centro_baixo -->
</div> <!-- fim div centro -->
<div id="cabecalho"></div> <!-- fim div tudo -->
</body>
</html>estilos_proj_6.css
body{
padding:0;
margin:0;
background-color:#E6DDD2;
text-align:center;
}
#tudo{
padding:0px;
margin:auto;
height:704px;
width:707px;
}
#menu{
height:218px;
width:707px;
margin:0;
padding:0;
}
#centro{
height:auto;
width:707px;
margin:0;
padding:0;
}
#centro_cima{
margin:0;
padding:0;
height:15px;
width:707px;
background-image:url(meio_cima2.gif);
background-repeat:no-repeat;
}
#centro_meio{
margin:0;
padding:0;
height:650px;
width:707px;
background-image:url(meio_centro2.gif);
background-repeat:repeat-y;
}
#centro_baixo{
margin:0;
padding:0;
height:15px;
width:707px;
background-image:url(meio_baixo2.gif);
background-repeat:no-repeat;
}
#cabecalho{
padding:0;
margin:0;
height:56px;
width:707px;
background-image:url(bg.gif);
background-repeat:no-repeat;
background-position:top;
}Desde já agradeço pela força.
Abs
Discussão (5)
Carregando comentários...