Comentarios en: Problema float http://www.elcssar.com/css/problema-float Diseño y maquetación accesibles basados en estándares web Fri, 27 Nov 2009 09:57:03 +0000 hourly 1 http://wordpress.org/?v=3.0.1 Por: admin http://www.elcssar.com/css/problema-float/comment-page-1#comment-89 admin Thu, 16 Jul 2009 17:53:08 +0000 http://www.elcssar.com/?p=12#comment-89 Firefox tiene un serio problema con la carga. Cuando ésta es muy lenta, ya sea porque tienes muchas pestañas, porque te estás bajando algo con tu P2P favorito o porque decidiste poner imágenes de 1MB en tu site, todos los elementos flotados o con <em>display: table-cell</em> que se encuentren directamente bajo un display:table dejan de funcionar hasta que refrescas y le permites hacer correctamente la carga. Esto no sucede en los WebKit ni en Opera, ni aún en IE. Pero sí en FF lamentablemente. Por aquí nos encontramos buscando una solución al problema.. Espero poder publicarla en breve. No se si es lo que te pasaba, pero ciertamente es raro que dejen de funcionarte los floats por culpa del <em>display:table</em> a menos que coincidiese con ese caso. Me gustaría ver tu caso concreto, Waldo. Firefox tiene un serio problema con la carga. Cuando ésta es muy lenta, ya sea porque tienes muchas pestañas, porque te estás bajando algo con tu P2P favorito o porque decidiste poner imágenes de 1MB en tu site, todos los elementos flotados o con display: table-cell que se encuentren directamente bajo un display:table dejan de funcionar hasta que refrescas y le permites hacer correctamente la carga.
Esto no sucede en los WebKit ni en Opera, ni aún en IE. Pero sí en FF lamentablemente. Por aquí nos encontramos buscando una solución al problema.. Espero poder publicarla en breve.

No se si es lo que te pasaba, pero ciertamente es raro que dejen de funcionarte los floats por culpa del display:table a menos que coincidiese con ese caso. Me gustaría ver tu caso concreto, Waldo.

]]> Por: waldo http://www.elcssar.com/css/problema-float/comment-page-1#comment-88 waldo Thu, 16 Jul 2009 13:06:54 +0000 http://www.elcssar.com/?p=12#comment-88 Muy claro tu artículo. Hoy justamente me acordaba del display:table porque parece ser que ha generado un pequeño problema en un sitio en el que estoy trabajando. Para conseguir un una solución al 'problema float', utilizaba el display:table para que el contenedor envolviera a mis elementos internos flotados (mi contenedor era una lista UL, y los flotados, LIs) Todo bien en todos los navegadores, sin embargo, oh, al subir a producción, y no en local, en Firefox, los LIs dejaban de flotar correctamente para hacer lo que les daba la gana. Pero en local salen todos la mar de monos. Encontré la solución en Google en <strong><a href="http://www.visibilityinherit.com/code/contain-floats.php" rel="nofollow">esta página</a></strong>, donde el autor parece que desaconseja el uso de display:table, limpiar con un div 'clearfix' o incluso prefieriendo flotar parents antes que display:table. A mí, con la solución que da, me solucionó el problema. Así que voy a seguir usando display:table. Muy claro tu artículo. Hoy justamente me acordaba del display:table porque parece ser que ha generado un pequeño problema en un sitio en el que estoy trabajando.

Para conseguir un una solución al ‘problema float’, utilizaba el display:table para que el contenedor envolviera a mis elementos internos flotados (mi contenedor era una lista UL, y los flotados, LIs)

Todo bien en todos los navegadores, sin embargo, oh, al subir a producción, y no en local, en Firefox, los LIs dejaban de flotar correctamente para hacer lo que les daba la gana. Pero en local salen todos la mar de monos.

Encontré la solución en Google en esta página, donde el autor parece que desaconseja el uso de display:table, limpiar con un div ‘clearfix’ o incluso prefieriendo flotar parents antes que display:table.

A mí, con la solución que da, me solucionó el problema. Así que voy a seguir usando display:table.

]]>