Hallo,

ich habe folgendes Layout, bei den 2 div-Elemente in einem anderen div-Element enthalten sind.

HTML-Code:

<div id="ppapApp" style="width:100%; height:100%; " >
	<div id="menubox" style="width:100%; height:25px; "></div>
	<div id="gridbox" style="width:100%; height:670px; "></div>
</div>

Ich möchte, dass die beiden div-Elemente menubox und gridbox das div-Element ppapApp vollständig in der Höhe ausfüllen. Die Höhe von menubox soll fest sein; die Höhe von gridbox soll sich anpassen.

Ich habe es nun so gemacht, dass ich die Anpassung mit Javascript durchführe:

Code :

1 2 3 4 5

function doOnLoad() {     var appBox = document.getElementById("ppapApp").offsetHeight;     var hoehe = (appBox-25)+"px";     document.getElementById("gridbox").style.height = hoehe; }

Das Ganze funktioniert bei height:100% in ppapApp nicht; funktioniert aber z.B. mit

HTML-Code:

<div id="ppapApp" style="width:100%; height:900px; " >

Wo liegt mein Fehler? Was muss anders sein?

Habe den Fehler gefunden: im übergeordneten CSS habe ich <style type="text/javascript"> geschrieben. Dadurch war der Rest natürlich falsch.