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? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

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

3 comentarios en “Manual CSS – Paso 5 > Elije un método de posición para los contenedores”

  1. Los post estan muy bien, pero para los que estamos aprendiendo, seria posible que pudieran poner algun ejemplo, y si no es mucho pedir el codigo del mismo ejemplo o algo que nos permita tener una mejor idea. muchas gracias

  2. En verdad, verdad; esta tutoria se queda solamente en la buena intencion. No es una real tutoria y no ayuda mucho a quien necesita aprender ya que desde lo mas basico a lo complejo lo transfiere a las tutorias en Ingles. No hay ejemplos en espanol; mejor nos vamos directo a las plantillas o a DreamWeaver.

  3. Estoy de acuerdo con Espima: he leido y los que exponen su opinion donde dicen que esta bien… es porque saben sin embargo los que no sabemos no podemos decir lo mismo… ojala pudieran poner con imagenes los ejemplos de los codigos que ponen, y asi poder ver el resultado, considero que lo que aqui se expone esta perfecto pero uno que es un novato total en esto… es dificil poder entender los tecnisismos con los que hablan.. ojala pudieran poner algo mas normal para nosotros los novatos… solo una observacion… recuerden que de ustedes aprendemos… y si comparten sus conocimientos haganlo por favor con la idea de nosotros… ayudenos gracias de antemano por su ayuda, comprension, paciencia y sobre todo por compartir

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

 

Ir arriba Ir al contenido