Estoy realizando un ajuste del alto de 3 div con java -que respete el más alto (el que mayor texto tiene)-, están en 3 id distintos. El inconveniente es cuando ajusto el navegador, no me vuelve a ajustar el valor de la variable uso para dar la mayor altura.
Aclaro que estoy conociendo javascript -novato-.
Copio el código.
var divHeight;
var divHeight1;
var divHeight2;
var divHeight3;
var obj = document.getElementById('PanelIzquierda');
var obj1 = document.getElementById('panelCenter');
var obj2 = document.getElementById('PanelDerecha');
if (obj.offsetHeight) {
divHeight1 = obj.offsetHeight;
} else if (obj.style.pixelHeight) {
divHeight1 = obj.style.pixelHeight;
}
if (obj1.offsetHeight) {
divHeight2 = obj1.offsetHeight;
} else if (obj2.style.pixelHeight) {
divHeight2 = obj1.style.pixelHeight;
}
if (obj2.offsetHeight) {
divHeight3 = obj2.offsetHeight;
} else if (obj2.style.pixelHeight) {
divHeight3 = obj2.style.pixelHeight;
}
if (divHeight1 > divHeight2 && divHeight1 > divHeight3) {
// imprime numero uno mas grande
divHeight = divHeight1;
// alert("El de la Izquierda"+divHeight)
} else if (divHeight2 > divHeight3) {
// Imprime numero dos mas grande
divHeight = divHeight2;
// alert("El del Centro"+divHeight)
} else {
// imprime numero tres mas grande
divHeight = divHeight3;
// .document.getElementsByClassName("alto", 400px)
// alert("El de la Derecha"+divHeight)
}
// divHeight = parseFloat(divHeight) + 6;
divHeightt = divHeight + "px";
// alert(divHeightt);
document.getElementById('PanelIzquierda').style.height = divHeightt;
document.getElementById('panelCenter').style.height = divHeightt;
document.getElementById('PanelDerecha').style.height = divHeightt;
}
window.onresize = altura;
(No se puede continuar esta discusión porque tiene más de dos meses de antigüedad. Si tienes dudas parecidas, abre un nuevo hilo.)