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

AVISO: esta publicación es de hace dos años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado.

Valora este artículo para mejorar la calidad del blog ...

Al hacer una valoración se recoge una cookie con la IP de tu dispositivo

FlojitoNo está malEstá bienMe ha servidoFantástico (1 votos, promedio: 5,00 de 5)
Cargando…

Autor: Fernando Tellado

Fernando Tellado, apasionado de WordPress, profesor, consultor y ponente. Maquero cansino, padre de tres hijos y de una perrita Beagle, Bilbaíno de nacimiento, Español de corazón y ciudadano de donde me quieran. Autor del libro WordPress - La tela de la araña. Mi blog personal es Navegando con red, donde he crecido como escritor en la red y ofrezco mis visiones acerca de la Web 2.0 y la blogosfera.

Comparte esta entrada en
468 ad

Pin It on Pinterest