Hola a tod@s... soy medio novato en esto de los CSS así que supongo que la pregunta no será complicada.
El caso es que intento maquetar una caja con una foto superior, una en el medio para meter contenido y otra inferior.
Introduzco las fotos como background-image de las capas correspondientes.
El caso es que haciendo esto en firefox lo veo perfectamente, no así en el IE6.
En el IE6 la capa superior y la inferior no me miden 10px, y las fotos sí miden eso... francamente no sé qué hago mal... y me estoy volviendo loco... alguna sugerencia?
gracias de antemano.
Código:
/*aqui va el doctype y eso pero no me deja ponerlo xq tiene un link externo y no he publicado más de 30 mensajes*/
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
<style type="text/css">
html, body, div{margin:0px; border:0px; padding:0px;}
#superior{
height:10px;
width:780px;
background-image:url(images/sombra_superior.gif);
background-repeat:no-repeat;
background-color:#CCCCCC;
}
#medio{
width:780px;
background-image:url(images/sombra_media.gif);
text-align:center;
background-color:#999999;
}
#inferior{
height:10px;
width:780px;
background-image:url(images/sombra_inferior.gif);
background-repeat:no-repeat;
background-color:#333333;
}
</style>
</head>
<body>
<div id="superior"></div><!--superior-->
<div id="medio">contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido contenido </div><!--medio-->
<div id="inferior"></div><!--inferior-->
</body>
</html>