Diseño Web Galicia

Columnas inteligentes con CSS y jQuery


Cuando tenemos que crear un sitio web con columnas podemos optar por dos aproximaciones: columnas de ancho fijo o columnas flexibles basadas en porcentajes del tamaño de la ventana del navegador.

Cuando escogemos columnas flexibles o líquidas, generalmente planteamos un número fijo de columnas y hacemos que llenen el espacio disponible.
Si escogemos las columnas de ancho fijo podremos aprovechar resoluciones mayores de pantalla mostrando más columnas por línea pero, llegados a un punto, seguramente nos encontraremos con que las columnas no encajan perfectamente en el espacio que deben cubrir y dejan un antiestético margen al costado.

Soh Tanaka ha ideado una forma de conseguir aunar los beneficios de ambas aproximaciones: permitimos el máximo de columnas que encajen en el espacio y con jQuery repartimos el espacio sobrante de forma uniforme entre todas.

http://www.sohtanaka.com/web-design/smart-columns-w-css-jquery/


Deja tu respuesta

Diseño Web Galicia
ICOEC 2009 : Ilustre Colegio de Odontólogos y Estomatólogos de la CoruñaInmobiliaria IcariaHostal La SalleReal Club Náutico de SanxenxoA Fábrica de VilanovaUSC - Curso de ImplantologíaToxicologia ForenseIES San ClementeClinica GV & GFPresupuesto Página Web