Hola
Necesito igualar la altura de varias columnas y lo consegui con este metodo:
Código:
<!-- 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>
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.
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..