Hallo Forum,
folgendes Problem beschäftigt mich.
Ein kleines javascript soll die Höhe einer <div> entsprechend der Höhe einer anderen manipulieren.
[...]
nav=window.document.getElementById("nav1");
main=window.document.getElementById("main");
h=main.offsetHeight;
if(h>nav.offsetHeight) nav.style.height=h;
[...]
Das funktioniert wunderbar im NN6 solange sich die Angabe des Doctypes auf <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> beschränkt.
In dem Moment, in dem ich die URI der DTD hinzufüge "http://www.w3.org/TR/html4/loose.dtd" funktioniert das "nav.style.height=h;" nicht mehr.
Ein alert(h) zeigt mir zwar den Wert an, aber die Höhe wird nicht geändert.
Netscape 6.1, NT4.0, CSS und HTML sind validiert.
IE5.x und Opera zeigen dieses sonderbare Verhalten nicht. (Opera mittels xx.style.pixelHeight)
Liegt der Fehler im HTML, im CSS, im javascript? Ich glaube den Zusammenhang zwischen Doctype und CSS verstanden zu haben.
Aber zwischen Doctype und js? Hat jemand eine Idee?
Danke und Gruß
Jochen
P.S. Das CSS für die Navi sieht folgendermaßen aus:
#nav1 {
background-image:url(../img/navback.gif);
width:24%;
position:absolute;
left:75%;
top:20px;
}