Divs de la misma altura con jQuery

bufa — Mon, 01 Feb 2010 20:45:17 +0000

Quién no ha tenido problemas alguna vez en CSS con que alguno de sus divs laterales (generalmente en webs de 3 columnas) se ha quedado corto, y queremos que sea exactamente de la misma altura que el otro dependiendo del contenido que exista en alguno de ellos… bien, jQuery nos lo pone fácil para solucionar estos casos.

function mismaAltura(midiv) {
    alto = 0;
    midiv.each(function() {
        altura = $(this).height();
        if(altura > alto) {
            alto = altura;
        }
    });
    midiv.height(alto);
}
// Modo de uso:
$(document).ready(function() {
    mismaAltura($(".columna_izquierda"));
    mismaAltura($(".columna_derecha"));
});

Bufa Webmaster » div

Divs de la misma altura con jQuery