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.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | 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")); }); |
