✔ Höhe div in div

[karl123]

Hallo,

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

<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:

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

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

Wo liegt mein Fehler? Was muss anders sein?

 

[karl123]

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