jQuery: elementos con la misma altura

5 comentarios

Existen varias técnicas (css, javacript) para asignar el mismo alto a diferentes columnas de div u otros elementos… A continuación un ejemplo para hacerlo de forma rápida y sencilla con jQuery:

$(document).ready(function(){

    var altomax = 0;  
    $('.mismoalto').each(function(){  
        if($(this).height() > altomax){  
            altomax = $(this).height();  
        }  
    });  
    $('.mismoalto').height(altomax);

});

Y por último en el html de nuestro documento añadimos la clase “mismoalto” a todos los elementos que queremos que siempre tengan la misma altura. Ej:

<div id="contenido" class="mismoalto">
    ...
</div>

<div id="sidebar" class="mismoalto">
    ...
</div>

Este post ha sido archivado en JQuery.

¿Te ha sido útil?haz click en
+1https://plus.google.com/share?url=http://goo.gl/UqKbc