Asignar la misma altua a elementos

Email this to someoneShare on FacebookShare on Google+Share on LinkedInTweet about this on Twitter

Aunque existen muchas técnicas para asignar la misma altura a diferentes columnas de elementos, como CSS o Javascript este es quizás el método más rápido para conseguirlo, utilizando jQuery:

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

Para finalizar añadimos en el HTML la clase “alturas” a todos los elementos a los que queramos que se muestren a la misma altura:

<div id=”articulos” class=”alturas”>

</div><div id=”lateral1″ class=”alturas”>

</div>
<div id=”lateral2″ class=”alturas”>

</div>

Sé la primera persona en comentar

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

De conformidad con lo establecido en la LOPD, Adpv Advertising Provider S.L. garantiza la adopción de las medidas necesarias para asegurar el tratamiento confidencial de los datos de carácter personal. Así mismo le informamos de la inclusión de sus datos en un fichero con la finalidad de mantener su relación negocial o contractual con Adpv Advertising Provider S.L. y de la posibilidad de ejercer los derechos de acceso, rectificación, cancelación y oposición en la siguiente dirección: Ercilla, 26, 1Dcha., 48011, Bilbao, Bizkaia. Privacidad.