Foros del Web » Creando para Internet » CSS »

problema con altura automatica de div

Estas en el tema de problema con altura automatica de div en el foro de CSS en Foros del Web. 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; ...
  #1 (permalink)  
Antiguo 10/12/2008, 11:34
 
Fecha de Ingreso: septiembre-2007
Mensajes: 39
Antigüedad: 10 años, 2 meses
Puntos: 0
problema con altura automatica de div

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.
  #2 (permalink)  
Antiguo 10/12/2008, 21:45
 
Fecha de Ingreso: octubre-2008
Mensajes: 21
Antigüedad: 9 años, 1 mes
Puntos: 2
Respuesta: problema con altura automatica de div

¿y ya probaste con overfow:auto?
Al no tener limite hacia abajo (height), debería expandirse ilimitadamente
  #3 (permalink)  
Antiguo 10/12/2008, 23:45
 
Fecha de Ingreso: noviembre-2008
Mensajes: 94
Antigüedad: 9 años
Puntos: 6
Respuesta: problema con altura automatica de div

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.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:18.