Observa tu diseño y decide como posicionar cada uno de los contenedores.
- ¿La plantilla será liquida (liquid), de ancho fijo (fixed-width), con em (em-driven) o una combinación de las anteriores?
- ¿La plantilla estará centrada (centered) en la página?
- ¿Que contenedores necesitan ser flotantes (floated)?
- ¿Que contenedores estarán en un flujo normal (normal flow)?
- ¿Necesitas utilizar colocación absoluta (absolute)?
Este es probablemente el paso mas difícil, ya que la experiencia tiene mucho que ver. Para este ejemplo los métodos de colocación serán:
- container – en línea (inline), centrado en la página
- header – en línea (inline)
- mainnav – en línea (inline)
- menu – flotante: a la derecha (float: right)
- contents – en línea (inline) con margen derecho para dar sensación de columnas
- footer – en línea (inline), con “clear: both” para aligerar los elementos flotantes superiores
Inicio
