Hola, dentro de la estructura de mi página, tengo dos bloques laterales, colIzq y colDer, cuyas alturas cambian dependiendo del contenido. Lo que quiero es que cuando se cargue el documento, la altura del más pequeño se iguale a la altura del más alto, quedando ambos a igual altura.
Entonces, lo primero que hago es llamar a una función cuando se carga el documento:
Código HTML:
<body onload="javascript:igualarAlturas();">
Y la función es así, pero no debo hacerla bien porque no obtengo ningún resultado:
Código:
function igualarAlturas() {
var colIzq = document.getElementById('colIzq'); // Ambos bloques los tengo identificados como colIzq y colDer respect.
var colDer = document.getElementById('colDer');
hColIzq = colIzq.style.height;
hColDer = colDer.style.height;
if (hColIzq > hColDer) {
colDer.style.height = colIzq.style.height;
} else {
colIzq.style.height = colDer.style.height;
}
}
Alguna ayuda?