A continuación os dejo un pequeño ejemplo de una web que ha sido maquetada usando capas en lugar de tablas.
Como podréis observar, los diferentes elementos, además de ciertos cambios básicos de estilos obtenidos mediante CSS, han cambiado su posicionamiento totalmente, algo que mediante una maquetación por tablas hubiera sido imposible.
Cada página cuenta exactamente con el mismo contenido y esta enlazada a un CSS diferente, los cuales si supervisáis, podréis ver que cada una de las capas utilizadas explota los atributos de CSS “clear” y “float” para lograr el cambio en el posicionamiento de los objetos.
Se ha preparado la maquetación solo para Internet Explorer, compreded que se introducen los conceptos a modo didáctivo y que tampoco voy sobrado de tiempo 🙂
Página 1 — CSS 1
Página 2 — CSS 2
Página 3 — CSS 3
Un saludo.
Miguel.