Manual CSS - Paso 5 > Elije un método de posición para los contenedores
Contenidos de la serie “Manual CSS Cajas Coloreadas”
- Manual CSS - Introducción
- Manual CSS - Paso 1 > Decide el nivel de soporte de navegador
- Manual CSS - Paso 2 > Busca los contenedores
- Manual CSS - Paso 3 > Nombre de los contenedores
- Manual CSS - Paso 4 > Marca los contenedores
- Manual CSS - Paso 5 > Elije un método de posición para los contenedores
- Manual CSS - Paso 6 > Cajas coloreadas
- Manual CSS - Paso 7 > Colocando el contenido
- Manual CSS - Paso 8 > Aplicando estilo en los contenedores
- Manual CSS - Paso 9 > Sacando el CSS
- Manual CSS - Paso 10 > Ocultando reglas a navegadores antiguos
- Manual CSS - Paso 11 > Imprimir el CSS
- Manual CSS - ¡Terminaste!
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:
Archivado en:
Tutoriales / Trucos | ¡Imprímelo!
|

RSS







