Hola!
Vereis: quiero conseguir que la capa "cuerpo" encierre (creando una caja roja) a todas las capas que estén por debajo suya. Este es el archivo css:
Código:
#principal {
background-color:#E6E4D0;
margin-top:4px;
float:right;
width: 625px;
height:200px;
margin-bottom: 10px;
margin-right: 10px;
border: 2px solid #D0CEAC;
display:block;
}
#cuerpo {
border: 2px solid #D0CEAC;
background-color:#FF0000;
display:block;
position: relative;
width: 800px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
margin-bottom: 0px;
}
y el html:
Código:
<html>
<head>
<link href="estilo.css" rel="stylesheet" type="text/css">
<title>Prueba AML</title>
</head>
<body>
<div id="cuerpo">
<div id="principal">
</div>
</div>
</body>
</html>
El problema es que ni FF ni Opera lo representan correctamente: crean una caja vacía y por debajo de ella muestran la capa principal. Sin embargo Explorer sí que crea la caja roja (lo que me hace sospechar que es problema del código).
Os agradeceria que pudiérais echar un ojo al código para ver si véis que está mal.
Muchas gracias!