Comments 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.

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.

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.

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.