Foros del Web » Creando para Internet » CSS »

div que contiene cosas que flotan no las rodea del todo

Estas en el tema de div que contiene cosas que flotan no las rodea del todo en el foro de CSS en Foros del Web. Pues siempre el mismo problema tengo un div que contiene cosas que flotan. con lo cual este div entiende que nada hay dentro más que ...
  #1 (permalink)  
Antiguo 30/01/2008, 17:33
Avatar de darkgaze  
Fecha de Ingreso: febrero-2006
Ubicación: Madrid, España
Mensajes: 462
Antigüedad: 11 años, 9 meses
Puntos: 2
Exclamación div que contiene cosas que flotan no las rodea del todo

Pues siempre el mismo problema

tengo un div que contiene cosas que flotan.

con lo cual este div entiende que nada hay dentro más que cosas que desconoce y por lo tanto no ocupa todo el estpacio que ocupan sus elementos flotantes interiores.

(o sea, por ejemplo que dentro hay divs flotantes con texto pero el contenedor padre que tiene fondo rosa, por ejemplo, no rodea el texto sino que se queda en una linea arriba).


Siempre me veo obligada a incluir un triste hack que es un elemento div al final vacío con clear: both para que el div padre comprenda que ahí acaba el espacio de todo y rellene bien todo con fondo rosa.


Esto no se hace así...verdad?... como se hace para que entienda que hay cosas dentro que ocupan tamaño!??
__________________
Darkgaze
  #2 (permalink)  
Antiguo 30/01/2008, 19:45
Avatar de juaniquillo
Colaborador
 
Fecha de Ingreso: noviembre-2005
Ubicación: San Juan, Puerto Rico
Mensajes: 5.745
Antigüedad: 12 años
Puntos: 281
Re: div que contiene cosas que flotan no las rodea del todo

Según las especificaciones de la W3C, el contenedor padre que contiene elementos con float debe colapsar, ese es el comportamiento que debe seguir. Para remediar esto haces los siguiente:

- Pones un overflow:auto; al contenedor padre. (esto para todos los navegadores que aplican CSS2 correctamente)

- Pones un ancho (casi siempre width:100%; aunque no lo necesites) al contenedor padre. (esto espara internet explorer). Acuerdate de que si pones un ancho de 100% a eso se le suman el padding y los bordes de mismo, asi que lo mejor es que el elemento padre no tenga nada de eso o darle un ancho exacto en pixeles.

Has estas dos cosas y recuperarás el contenedor padre.
__________________
Por fin.. tengo algo parecido a un blog
Y por lo visto ya estoy escribiendo...
  #3 (permalink)  
Antiguo 31/01/2008, 02:10
Avatar de darkgaze  
Fecha de Ingreso: febrero-2006
Ubicación: Madrid, España
Mensajes: 462
Antigüedad: 11 años, 9 meses
Puntos: 2
Re: div que contiene cosas que flotan no las rodea del todo

Tota tomate.


Pues no lo sabía... O_O

puf. voy a probarlo. Seguro que funciona. Gracias!!! este foro es lo mejor. Te conetstan siempre en menos de un día..

gracias!!
__________________
Darkgaze
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 05:48.