Comentarios en: clearfix ultimate

Por: gnzlo

gnzlo — Thu, 26 Mar 2009 17:03:42 +0000

El overFlow:auto, funciona muy bien el tema es que al agregar el height 1% se cierra, cual es la solución?, a mi no me esta funcionando

Por: CSSLab - Floatfix: un nuevo clearfix

CSSLab - Floatfix: un nuevo clearfix — Mon, 01 Dec 2008 21:07:09 +0000

[...] todos es conocido y utilizado Clearfix; luego les comenté sobre Clearfix Ultimate (bautizado por mí) y que me ha sido de gran utilidad desde entonces. Esta vez, les traigo [...]

Por: manuedit

manuedit — Fri, 12 Sep 2008 07:29:41 +0000

Al dar Outline a todo (una forma que uso para forma la pagina) aparecen los scrolls..

Por: Clearfix y su alternativa semántica | Sopa de Pixels

Clearfix y su alternativa semántica | Sopa de Pixels — Fri, 27 Jun 2008 12:15:17 +0000

[...] Overflow para evitar el colapso en contenedores que envuelven elementos flotantes [...]

Por: Javier Martinez

Javier Martinez — Thu, 12 Jun 2008 11:46:31 +0000

Estimados, creo que el overflow solo aplica al FF pero el gran IE no le hace caso. Para resolver el problema con IE me vi obligado a combinar OVERFLOW (para FF) con HEIGHT (para IE) y problema resuelto, el contenedor se extiende al tamaño de su contenido…

Por: Coto

Coto — Thu, 12 Jun 2008 04:24:09 +0000

Shit… este comentario lo estoy escribiendo a la vuelta de haberme tirado por la ventana… afortunadamente vivo en un primer piso

Por: andres

andres — Tue, 10 Jun 2008 23:13:22 +0000

Esta tecnica la vengo usando desde hace años.

Siempre la utilize con overflow:hidden y nunca tuve ningun tipo de problema con navegadores un poco viejitos…

Saludos, muy buena la pag, la leo hace mucho tiempo…

Por: Claudio Olivares

Claudio Olivares — Tue, 10 Jun 2008 19:44:03 +0000

Al parecer, la creación de esta técnica pertenece a Paul O'brien, según se aclara en el artículo de Quirksmode.org que referencias: Clearing Floats

Por: Jorge Epuñan

Jorge Epuñan — Tue, 10 Jun 2008 15:21:33 +0000

Claudio, gracias a tu OrigoCSS conoci esta tecnica e investigue mas sobre ella. Hice pruebas con width: 100% y lamentablemente afecta al modelo de caja (haciendo aparecer scroll donde no es necesario, por ejemplo). height: 1% fue la mejor solucion en mis pruebas y funciona en todos los browsers por igual, y por eso la inclui dentro del codigo aparte de overflow: auto. Salu2.

Por: Claudio Olivares

Claudio Olivares — Tue, 10 Jun 2008 14:42:42 +0000

Este método fue la clave para hacer funcionar Origo CSS de manera limpia y mantener su simpleza en el marcado.

Hace un año que ya está sometido a prueba el método en los grandes sitios de medios de COPESA, y no ha dado problema alguno, salvo las limitaciones que se pueden presentar con elementos posicionados de manera absoluta.

Lo importante para que el clearfix ultimate (Muy buen nombre Jorge) funcione, es al menos definir una unidad de medida en la caja contenedora de los floats, funciona para tales efectos un height de 1% o un width de 100% (aconsejable este último para cuando esta caja no tiene asociados paddings)