Me explico, tengo un div llamado "vacio" que contiene div izda y div drcha. Pero el div "vacio" tiene una altura de 0 por defecto (menos en IE). Lo que quiero y no se hacer es que este div "vacio", tenga la altura de izda o drcha (la que sea mas grande), es decir, que se ajuste a su altura, ya que es el que los contiene.
Con el código se entiende más. Si lo ponemos en internet explorer, se ve una capa verde que es el contenedor, pero en firefox y opera no se ve, mi pregunta es... ¿cómo hago que esa capa se vea en todos los navegadores?
De ie no me fio pq todos sabemos q hace lo que quiere...
¿Alguna idea que no sea poner un height: xxx px; a "vacio"?
Gracias
Código:
Cita: <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
body {
margin: 0px;
padding: 0px;
}
#izda {
float: left;
width: 471px;
background-color: red;
}
#vacio {
width: 100%;
background-color: green;
}
#drcha{
float: right;
width: 124px;
background-color: blue;
}
#abajo{
position: relative;
background-color: #e1e1e1;
clear: left;
}
#arriba{
background-color: #FF00FF;
}
</style>
</head>
<body>
<div id="container">
<div id="arriba">capa de arriba</div>
<div id="vacio">
<div id="izda">aaa</div>
<div id="drcha">ccc</div>
</div>
</div>
<div id="abajo">caca culo pedo pis</div>
</body>
</html>