Publicado hace 14 años por ozzysong a innominepixel.wordpress.com

En este tutorial nos explican la forma mas sencilla de conseguir que todas las columnas tengan la misma altura usando la librería jQuery.

Comentarios

mr_b

Eso se puede hacer con CSS, es tontería usar Javascript para eso y sobrecargar el cliente.

ozzysong

#1 Se puede hacer con CSS si, pero es mas tedioso y nunca se ve igual en todos los navegadores, por lo menos en mi experiencia, y como hay que lidiar con el maldito Internet Explorer...

Además, con jQuery lo puedes hacer en todos los elementos de la página que quieras a la vez.

D

#2 http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks

Es algo bastante fácil si has trabajado bastante en maquetación la verdad. Funciona bien con IE6, IE7, IE8, FF, Safari, Opera, Chrome...

Espero que te sirva para cualquier cosa

matacca

#3 +1 Muy bueno. Lo que aprende uno con Menéame. Para que luego venga mi jefe a decirme que estoy perdiendo el tiempo.

ozzysong

#4 Tu jefe no tiene criterio lol

ozzysong

#3 Hombre, ya había visto esta forma de hacerlo y sigo pensando que es un poco tedioso lo de anidar los divs y tener que calcular lo que va a ocupar cada columna con porcentajes.

De todas formas, siempre está bien tener varias opciones
Además, soy un fanboy de jQuery lol

mr_b

#2 Con CSS no es tedioso, los navegadores que no cumplen los estándares me la sudan y con CSS también lo puedes hacer con todas los elementos de la página que quieras (jQuery usa selectores CSS). Y sí, yo también soy fanboy de jQuery, pero lo uso cuando es necesario (o hay que hacer interfaces bonitas en movimiento para vender más).