Divs de la misma altura con jQuery
1 feb 2010 0 comentarios
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"));
});
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"));
});
Mi nombre es Jorge, y soy de León. Desde hace algo más de 6 años trabajo de desarrollador web en las disciplinas de diseño, programación y SEO.