Manual CSS - Paso 5 > Elije un método de posición para los contenedores

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

También te puede interesar:

• Manual CSS - ¡Terminaste!
• Manual CSS - Paso 9 > Sacando el CSS
• Manual CSS - Paso 8 > Aplicando estilo en los contenedores
• Manual CSS - Paso 7 > Colocando el contenido
• Manual CSS - Paso 6 > Cajas coloreadas

Escribe un comentario