✔ <div>: Kind-Ebene soll Eltern-Ebene skalieren

[Ardaric]

Hallo!

Ich habe zwei <div>-Ebenen: father und son.
Und ich möchte, dass die Höhe der Ebene Father von der Höhe der Ebene son abhängt. Also wenn sich son nach unten in die Länge streckt, soll sich father mit nach unten Strecken. So, dass son immer eingeschlossen ist!

Wie mache ich das?
Ich benutze FF. Aber vielleicht kann mir irgendjemand verraten, wie ich dem IE6 flüstere, dass eine Mindesthöhe eingehalten werden soll!

#father {
	position:absolute;
	left:9px;
	top:115px;
	min-height:100px;
	width:970px;
	z-index:100;
}

#son {
	position:absolute;
	left:9px;
	top:9px;
	width:222px;
	min-height:498px;
	z-index:200;
}

<div id="father"><div id="son"></div></div>

 

[Gumbo]

Das Problem dabei ist die absolute Positionierung. Denn dadurch werden die Elemente eigenständig und sind nicht mehr von anderen abhängig. Probier daher mal Folgendes:

#parent {
	position: absolute;
	left: 9px;
	top: 115px;
	width: 970px;
	min-height: 100px;
	z-index: 100;
	background-color: #f00;
}

#child {
	width: 222px;
	min-height: 498px;
	margin: 9px;
	z-index: 200;
	background-color: #0f0;
}

 

[Ardaric]

Danke, das hat mir geholfen!

Ich weiß jetzt auch, wie ich das min-xxxxxx Problem des IE6 löse:

Ich platziere eine unsichtbare relative <div> ins äußerste Eck. Das sollte dem IE6 die Höhenangabe geben!