metal.ize

Un mail del buen viciao2k3 me ha impulsado a escribir este post. Seguramente como diseñadores web les ha pasado que intentan hacer un layout con columnas y tienen sus fondos para cada columna y todo bello; pero al momento de ponerle el contenido te das cuenta de que las columnas no se expanden al mismo tiempo. Y te dices a ti mismo "Muy bien... iré a mi hoja de estilos y agregaré height: 100% a todas las columnas y ¡listo!" Y después de aplicar el cambio te das cuenta de que no es así. "¿Pero qué caraj..." Si si, conozco bien la sensación. ¡Pero no más! Aquí les pongo las tres técnicas infalibles para lograr ese tan deseado efecto y que varias veces ha sido llamado "el santo grial del CSS" (junto con el layout de tres columnas).

Después de un buen rato trabajando, al fin he "terminado" con el nuevo diseño. Digo "terminado" porque faltan detalles que afinar y usaré sus comentarios, críticas y/o mentadas de madre para mejorar el nuevo diseño. Como les mencioné antes, lo he llamado "Rediscover your Head" (supongo que no tengo que explicar por qué...). Quiza a muchos no les guste, a otros si y unos cuantos dirán que les da igual; pero para mi el cambio es para bien. Tengo más espacio para los tutoriales, la información se ve más organizada y lo siento más accesible (el diseño se ve perfecto hasta en IE5 ). El único "problema" que le veo es la gente que no le gusta darle scroll para llegar al contenido. Para ellos he puesto un link para saltar directo al contenido con un solo click; fue lo más que pude hacer por ustedes.