nicht angemeldet
Hallo,
ich hoffe, ihr könnt mir bei folgendem Problem helfen.
Auf meiner Seite gibt es zwei Div-Container, bei dem der eine genau so hoch sein soll, wie der andere, der jedoch Scrolleisten bei übergroßem Inhalt via overflow: auto erhält.
Also lese ich die 'scrollHeight' von Div 1 aus und gebe Div 2 mit folgendem Befehl die gleiche Höhe:
document.getElementById('div2').style.height = document.getElementById('div1').scrollHeight+"px";
Das funktioniert im Firefox 3.6 und im IE 8 auch einwandfrei.
Im Opera 10 und im Safari 5 funktioniert es aber nur, wenn man einen Link anklickt, der auf die Seite verweist oder die URL in die Adressleiste eingibt. Wenn man jedoch die Seite mit F5 *aktualisiert*, wird div2 um einiges höher. Wenn ich nochmal aktualisiere, bleibt die Höhe weiterhin bestehen. Erst wenn ich ins Adressfeld klicke und mit Enter die Seite neu laden lasse, wird die richtige Höhe wieder angezeigt.
Deshalb meine Frage: Warum wird Div2 beim Aktualisieren höher, als er eigentlich soll? Ist das eine Ungenauigkeit in den beiden Browsern? Wie kann ich das verhindern?
Vielen Dank im Voraus und schönes Wochenende.
Christian M.