Necesito igualar la altura de varias columnas y lo consegui con este metodo:
Código:
El problema es que en cada columna hay una imagen de cabecera, que no es tomada en cuenta a la hora de calcular la altura de las columnas (en chrome unicamente e imagino que tambien en Safari), por lo que el resultado no es el correcto.<!-- GOOGLE JQUERY --> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.js"></script> <!-- JQUERY EQUAL HEIGHTS COLUMNS--> <script> function equalHeight(group) { tallest = 0; group.each(function() { thisHeight = $(this).height(); if(thisHeight > tallest) { if ($.browser.safari) {tallest = thisHeight;} <!-- Condicion para Chrome donde imagino incluiria la suma de la altura de imagen --> else {tallest = thisHeight;} } }); group.height(tallest); } $(document).ready(function() { equalHeight($(".box")); <!-- Nombre de la clase para las columnas --> }); </script>
Lo que quiero saber es como puedo obtener la altura de las imagenes y sumarla al resultado final de la altura de columnas? Para que queden exactas..