problema con altura automatica de div

[ferran_]

Hola buenas noches, mi problema es básicamente, como no, con IE6.

Tengo un div contenedor:

body.mi_Vuelingmovil_section #main_content .box{
background-color:#FFFFFF;
border-left:2px solid #ffcc00;
border-right:2px solid #ffcc00;
padding:10px 20px 0;
overflow:visible;
display:block;
}

y dos divs que estan dentro:

body.mi_Vuelingmovil_section #column_1 {
float:left;
margin-right:20px;
padding:10px 0 0;
width:210px;
}

body.mi_Vuelingmovil_section #column_2 {ed_general.css (línea 103)
background:transparent url(../img/linea_puntos.gif) repeat-y scroll 0 0;
float:right;
height:600px;
margin:10px 0 0;
padding:0 0 0 30px;
width:440px;
}


En principio el div contenedor tiene el fondo blanco con lo cual tendrían que quedar los dos divs contenidos con fondo blanco. Pues no, en IE6, como no le declaro un height al div contenedor no me lo pinta segun el contenido de este si no que se queda mas pequeño.

¿Es posible sin tener que declarar un height que crezca segun el contenido del div?

Gracias.

[david_celta]

¿y ya probaste con overfow:auto?
Al no tener limite hacia abajo (height), debería expandirse ilimitadamente

[rb3m]

El problema es porque los dos elementos que están adentro van flotados, esto hace que no se tomen en cuenta para la altura del elemento contenedor, ni en IE6 o en otro navegador.

Lo que tienes que hacer es algo así:

<div id="contenedor">
<div id="flotado1">
</div>
<div id="flotado2">
</div>
<div id="emparejador" style="clear: both;">
</div>
</div>

El clear: both; de "emparejador" le dice al navegador que no debe haber ningún elemento flotado a los lados de este elemento, así que lo dibuja una vez pasados los elementos flotados y como no está flotado arrastra consigo a la altura del contenedor.