[Ovillo] Problemas con float/clear
Eva del Campo
webmaster en tierrasdelmoncayo.com
Lun Jul 10 11:10:25 UTC 2006
> Hola a todos.
>
> Os cuento el problema a ver si me podeis echar un cable. Se trata que cuando
> haces un clear, este afecta no al elemento que flota en la capa contendora
> sino que afecta a otros elementos anteriores que estuvieran flotando.
> Os pongo mejor un ejemplo: http://www.rebollosablon.es/pruebas/columnas.htm
>
> Al tener una maquetación a 3 columnas con la col izquierda con float left,
> si en la columna central tengo un contenido que también lleva un float left
> y quiero luego introducir un clear, este clear me afecta no sólo al
> contedido de la columna central si no que me afecta a la columna izquierda.
> En el ejemplo se ve claro.
> ¿Hay alguna manera de restringir el clear a su elemento con "float" mas
> próximo??
>
> Saludos y gracias.
>
> Juan Rebollo
>
Hola
Sí esa es una cagadilla del clear que a veces me vuelve loca. En el caso que
presentas, lo más sencillo parece meter "cada contenido que flota" en un div
al que asignas overflow: auto; Así te olvidas de clears, los contenidos
quedan bien colocados, y además puedes ajustar con facilidad la distancia
entre ellos utilizando márgenes.
Suerte
Eva
Más información sobre la lista de distribución Ovillo