Comments for el cssar

Comment on Columnas CSS by admin

admin — Fri, 27 Nov 2009 09:57:03 +0000

Absolutamente de acuerdo Samuel, tu recomendación para David es totalmente acertada. Los floats fueron creados para flotar bloques de texto al rededor de imágenes. Hay que tener mucho cuidado cuando los usamos para otros fines. En la mayoría de las ocasiones es mejor usar display: inline o display: inline-block, aunque este no es bien interpretado al 100% por IE a menos que previamente fuese un elemento de linea.
El problema que plantea David debe radicar probablemente en el mal uso de esas dos propiedades CSS como bien dices.

Comment on Columnas CSS by Samuel

Samuel — Fri, 27 Nov 2009 03:40:43 +0000

oye muchas gracias, me resolviste una duda, tengo una maqueta header , 3 columnas y footer, y es el mejor metodo que he encontrado para estirar las columnas hacia el borde inferior., gracias por compartirlo.

David, trata de utilizar lo menos posibles los float, y las pocisiones absolutas, te libraras de muchos dolores de cabeza.

Comment on Columnas CSS by admin

admin — Fri, 02 Oct 2009 15:00:16 +0000

Hola David, gracias por tu comentario.

Hasta ahora no me he encontrado con el problema que me comentas, es un formato que llevo ya un tiempo usando con floats en los contenidos tanto de una como de otra columna y como tú bien dices no tendría mucho sentido embeber divs a modo de una gran cebolla
De hecho tuve que luchar contra mi ser para aceptar que no había más remedio que usar un DIV con display:table-row para estabilizarlo en FF.

Te propongo que me remitas tu código o la URL donde lo tienes alojado y así poder echarle un vistazo.

Seguro que tiene solución.

Comment on Columnas CSS by David

David — Fri, 02 Oct 2009 11:32:27 +0000

La solución más “purista” y rápida de montar al menos a mi parecer, la que mencionas como “replica de una tabla” puede resultar problemática, o al menos aún no le he encontrado solución efectiva.

El problema residiría si una vez dentro de la primera columna (por ejemplo) usamos otros div con la propiedad float. El contenido de la segunda columna descuadra en altura (hasta la altura de la capa o capas con la propiedad float)

Una de las formas que veo para solucionar esto es volver a usar internamente el “modelo de tabla” (table, table-row y table-cell), para seguir maquetando, lo cual, creo que no es lo más correcto, porque puede que ya no te interese que ambas capas tengan la misma altura.

No se si con alguna propiedad se puede evitar el efecto.

Comment on Problema float by admin

admin — Thu, 16 Jul 2009 17:53:08 +0000

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.

Comment on Problema float by waldo

waldo — Thu, 16 Jul 2009 13:06:54 +0000

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.

Comment on Problema float by Columnas CSS « el cssar

Columnas CSS « el cssar — Sun, 12 Jul 2009 19:22:51 +0000

[...] basados en estándares web « Estructura y semántica II: “El concepto” Problema float [...]

Comment on Estructura y semántica I: el “Código estructural” by Estructura y semántica II: “El concepto” « el cssar

Estructura y semántica II: “El concepto” « el cssar — Sat, 11 Jul 2009 12:25:26 +0000

[...] cssar Diseño y maquetación accesibles basados en estándares web « Estructura y semántica I: el “Código estructural” Columnas CSS [...]

Comment on Hello world! by Walter

Walter — Wed, 11 Jun 2008 07:28:54 +0000

Hola a todos.

Me gustaría que se viera este sitio como camino de aprendizaje al buen diseño web para todos los que han entendido que la semántica, los estándares y la corrección del código html son factores esenciales a la hora de crear un sitio como toca.

El querer aprender a hacer sitios bien, es para mí la mejor definición de ser o no Cssar.