Layout de 3 columnas “perfecto”

Últimamente veo diseños que para hacer algo “tan simple” como puede ser un diseño a tres columnas emplean técnicas de lo más extrañas con hacks y más “workarounds” (a.k.a “chapuzas para salir del paso”) que otra cosa.

Para esas situaciones, una recomendación clásica y actualizada: The Perfect 3 Column Liquid Layout. Se trata de una página con una plantilla básica a 3 columnas líquidas, sin hacks, amigable para posicionar (columna del contenido por encima del resto en el código HTML). No usa imágenes ni JavaScript. Y además funciona en múltiples navegadores (cross-browser) y es compatible con el iPhone.

Por si fuera poco, también hay otras plantillas (por ejemplo “estilo blog” con las dos columnas de menú a la derecha) y las medidas se pueden elegir en porcentajes, pixeles o “em’s”.

5 Comentarios (feed)

1. kumo nos comenta:
   

   Muy interesante y util.
   Encontrar un layout sencillo y adaptable (a pantallas y navegadores) no siempre es facil (sobre todo si luego quieres modificarlo ;) )

   Quizás pueda basar en él la parte para móviles de la web.

   Jueves, 19 de Junio/2008 @ 9:42

2. Reboot nos comenta:
   

   Han descubierto la pólvora… xD

   Jueves, 19 de Junio/2008 @ 14:32

3. Reboot nos comenta:
   

   PD: Yo prefiero un reparto 15 - 70 - 15, si la resolución da, de lo contrario, dejar un 25-75. Con sólo un 50% para el contenido, éste se alarga demasiado en la vertical y hace que la gente tenga que hacer scroll hacia abajo, y ya sabéis todos lo que eso significa (que la gente no hace scroll).

   Jueves, 19 de Junio/2008 @ 14:35

4. kumo nos comenta:
   

   De todas maneras a mi me gustan mas los esquemas de 2 columnas. Menos sitios a los que mirar y menos distracciones del tema principal. Al final las pantallas panoramicas, mas que para las peliculas en 16:9, van a servir para ver blogs (sin hacer scroll).

   En cualquier caso, con la cantidad de resoluciones distintas que hay ahora, merced a que hay pantallas en casi todo, es dificil acertar y que la web se vea bien en todas partes. Asi que las ayudas son bienvenidas.

   Jueves, 19 de Junio/2008 @ 15:16

5. filibustero nos comenta:
   

   Estoy básicamente de acuerdo con lo expuesto por kumo, acertar con las proporciones exactas es sumamente complicado cuando las posibilidades son tan amplias.

   En lo que se refiere al layout, partiendo del hecho que no me gustan las 3 columnas, ni frio ni calor.

   Viernes, 20 de Junio/2008 @ 10:14

No seas tímido, da tu opinión