Tableless y alturas de columna en layouts
La actual especificación de hojas de estilo (CSS2) aconseja limitar el uso de tablas a la presentación de datos tabulares, es decir, datos relacionados entre sí que se disponen en filas y columnas.
Sin embargo, en la mayoría de diseños se sigue utilizando tablas para definir la maquetación general o mostrar listas. Si en lugar de tablas se utilizaran layouts HTML se reduciría el código de la página y aumentaría la dependencia de la presentación con la hoja de estilo, de modo que se podría cambiar todo el diseño del sitio web modificando únicamente el archivo o archivos CSS.
Por otra parte, los inconvenientes de maquetar con layouts estriban en la dificultad para escribir el código CSS para múltiples columnas y que no todos los navegadores lo interpretan adecuadamente.
Además, por lo que he podido experimentar recientemente, en una estructura de dos o más columnas definidas por CSS no hay manera de igualar la misma altura de columna respecto a la columna más larga. Lo que ocurre es que el color de fondo de las columnas más cortas se autoajusta al tamaño del contenido de la columna, por lo que no se pueden crear columnas con la misma altura y color de fondo.
En ALA proponen utilizar una imagen de fondo con el color de la columna. Con esta técnica se obliga a disponer de las imágenes con el color correspondiente a cada hoja de estilos.
Otra solución propuesta es utilizar javascript para forzar la altura de las columnas a la columna más larga. Lo explican en un artículo de Site point, y la técnica utilizada consiste en capturar el evento de cambio de dimensiones de la página y realizar una llamada a una función de ajuste de columnas.
Suscripción RSS
Hola Pau. El hecho de maquetar usando layouts resulta muy complicado a la hora de distriuir las filas y columnas. Por ejemplo, si quieres crear una página con estructura de portal, con tres columnas, usar layouts es una pesadilla. Además. por lo que he estado observando, pocos exploradores responden igual a los estilos CSS. En exploradores de Linux por ejemplo (Mozilla, Konqueror…), muchas páginas que en el Internet Explorer las vemos bien, en aquellos están completamente desmontadas. Creo que puede quedar igual de bien una tabla bien definida en CSS para maquetar la página que las complejas layouts… Pero para gustos los colores…! ;-)
Bueno, se que soy un principiante pero por algun sitio se empieza…!
Saludos.
Saludos