Aprovechando que estoy tomando un curso repaso de CSS, aprovecharé para publicar algunos post sobre maquetación.

Para maquetar nuestra página los divs o capas resultan ser mucho mejores que las viejas tablas, que se han hecho muy populares ya que desde IE6 están plenamente soportados los divs aunque con varios problemas para lidiar como margenes inexistentes, error con display:fixed, min-height no esta soportado, etc gracias del IE6. Pero pese a todo eso los divs son mejores.

Ventajas de los divs

  • Se requiere menos código con los divs que con las tablas lo cual nos aporta más velocidad
  • Los divs respetan los estilos mucho mejor que las tablas
  • Los divs fueron especificamente creados para diseño, las tablas son para tabular resultados y aún deberiamos seguir utilizándolas para ello
  • Los divs nos permiten separar el diseño de la lógica de la programación

Desventajas de los divs

No crean que todo son ventajas con los divs tienen algunos peros

  • Como dije lineas arriba los divs aun tienes ciertos problemas por incompatibilidades con IE6, es que Microsoft como siempre se rie de los estándares, afortunadamente IE 7 e IE8 ya no tienen la mayoría de esos lios, lo feo es que aun la mayoría no actualiza su viejo y vetusto IE6 lo bueno que hay varios hacks para hacer funcionar casi todo en IE6
  • Hay cosas que son muy complicadas de hacer con divs como por ejemplo que acomoden su tamaño en función de otro div, aunque en tablas eso es automático con divs es una pesadilla
  • Otro asunto para el que hay que romperse la cabeza con divs es el centrado vertical no funciona exactamente como quisieramos

Otros post sobre maquetación CSS