Foros del Web » Creando para Internet » CSS »

IE6 no adapta el div contenedor

Estas en el tema de IE6 no adapta el div contenedor en el foro de CSS en Foros del Web. Tengo un div que contiene a varios otros. Pero en IE6 estos divs contenidos se salen del div contenedor. El div contenedor no toma la ...
  #1 (permalink)  
Antiguo 06/02/2008, 08:55
 
Fecha de Ingreso: febrero-2008
Mensajes: 18
Antigüedad: 16 años, 2 meses
Puntos: 0
IE6 no adapta el div contenedor

Tengo un div que contiene a varios otros.
Pero en IE6 estos divs contenidos se salen del div contenedor.

El div contenedor no toma la altura que debería (guiandose por las alturas de los divs que contiene), sino que toma altura 0, dejando todo su contenido afuera y flotando sobre otros divs.

Lo probé en Firefox, Opera y Konqueror y funciona bien, pero no se como arreglarlo para IE6.

El problema se aprecia bien aqui:
http://clasificadosvc.com.ar/version2/index.php?s=2

Espero puedan ayudarme
  #2 (permalink)  
Antiguo 06/02/2008, 11:36
Avatar de josdelaranda  
Fecha de Ingreso: abril-2007
Ubicación: Vivo en Lima - Perú
Mensajes: 61
Antigüedad: 17 años
Puntos: 0
Re: IE6 no adapta el div contenedor

Hola podria probar dándole un width específico al div#LoImportante
Saludos
  #3 (permalink)  
Antiguo 06/02/2008, 22:59
 
Fecha de Ingreso: febrero-2008
Mensajes: 18
Antigüedad: 16 años, 2 meses
Puntos: 0
Re: IE6 no adapta el div contenedor

Gracias por tu respuesta
Le puse un width especifico y funciono... pero en realidad me hubiese gustado tener una solución sin especificar anchos ni altos especificos :S

Igualmente gracias!
  #4 (permalink)  
Antiguo 07/02/2008, 08:22
Avatar de josdelaranda  
Fecha de Ingreso: abril-2007
Ubicación: Vivo en Lima - Perú
Mensajes: 61
Antigüedad: 17 años
Puntos: 0
Re: IE6 no adapta el div contenedor

Hola si no quieres agregar un ancho especifico puedes usar la tecnica clearfix agregando el siguiente codigo css al div contenedor de los divs con float:

Código:
.clearfix:after {
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
   }
   
.clearfix {display:inline-block;}
  /* Hide from IE Mac \*/
   
.clearfix {display:block;}
   /* End hide from IE Mac */

/* y para IE 6 usando comentarios condicionales usas lo siguiente*/
* html .clearfix {height: 1%;}

Última edición por josdelaranda; 07/02/2008 a las 10:48 Razón: agregar
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 03:30.