Hola, tengo un problema con divs al visualizarlo en FireFox, Netscape.
El código es el siguiente:
Código CSS:
body{
background-color: #D8C3C3;
font-family: verdana;
font-size: 11px;
color: #460000;
}
p{ margin: 0px;
padding: 0px;
}
#contenido{
width: 950px;
border: 1px solid #460000;
margin: 0px;
padding: 0px;
}
#izda{
width: 148px;
margin: 0px;
border: 1px solid #4D2B00;
background-color: #ddd;
float: left;
}
#centro{
margin: 0px 150px 0px 150px;
border: 1px solid #111;
background-color: #FF9000;
}
#dcha{
float: right;
border: 1px solid #4D2B00;
background-color: #ddd;
width: 148px;
}
Código HTML:
<html>
<head>
<title>PRUEBA</title>
<link rel="stylesheet" href="prueba.css" media="screen">
</head>
<body>
<div id="contenido">
<div id="izda">
<p>Esto es la IZDA</p>
<p>Esto es la IZDA</p>
<p>Esto es la IZDA</p>
</div>
<div id="dcha">
<p>Esto es la DCHA</p>
</div>
<div id="centro">
<p>Esto es el CENTRO, es el centro, es el centro, es el centro, es el
centro, es el centro, es el centro</p>
</div>
</div>
</body>
</html>
Lo que me ocurre es que cuando cualquier div que es mas alto que el del
centro, el div que los contiene no cambia su tamaño, en cambio, en Internet
Explorer sí que lo hace como yo entiendo que lo debería mostrar.
Hay alguna forma de decirle que el tamaño contenido siempre sea el del mayor
del div que esté contenido?
Gracias.
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
