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
VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(1 votos, promedio: 5)
¿Te gustó este artículo? ¡No sabes lo que te estás perdiendo en YouTube!

AVISO: esta publicación es de hace tres 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.

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.Mi último libro es WordPress - La guía completa. 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.Sigue a @fernandot en Twitter

Comparte esta entrada en
468 ad
Ir al contenido