Höhe von 2 Div-Layern dynamisch anpassen
Wie passe ich die Höhe eines Div-Layers an einen anderen an. Und das komplett dynamisch. Je nach Inhalt kann die Höhe variieren und damit bei Layer die gleiche Höhe haben muss man folgendes machen.
Als erstes geben wir dem body-Tag eine onload Funktion, dass sieht dann so aus:
<body onload="start()">
Als letztes erstellen wir dann die Javascript-Funktion:
function start() {
var sidebar = document.getElementById('div1').offsetHeight;
var content = document.getElementById('div2').offsetHeight;
if (sidebar < content)
document.getElementById('div1').style.height = div2;
else
document.getElementById('div2').style.height = div1;
}
Nun passen sich die Layer gegenseitig in der Höhe an. Viel Spaß beim Ausprobieren. ;)
Neue Einträge im Überblick