Div2 in Div1 wobei Div1 mit Div2 wachsen soll

[kerbstone]

Der Titel bedarf weiterer Erklärung

Also ich habe ein Div namens "Div2" in einem Div namens "Div1".
Div1 stellt den Background-Container dar, Div2 ist mein Overlay.
Nun ist Div1 konfiguriert mit einer min-height von 300px.
Div2 wächst jedoch stetig und geht über Div1 hinaus.

Wie bekomme ich es hin, dass Div1 in Abhängigkeit von Div2 mitwächst?

Gruß an die Wissenden!

[wahsaga]

Wie bekomme ich es hin, dass Div1 in Abhängigkeit von Div2 mitwächst?

Das wäre zunächst mal das Standard-Verhalten, wenn du Div2 ganz normal im Fluss belassen und auch für Div1 keine dem widersprechenden Angaben gemacht hättest.

Welche Formatierungen du vorgenommen hast, die das unterbinden, können wir nicht wissen.

[kerbstone]

Dies ausführliche Codeformulierung ist wie folgt, wobei
zu definieren ist, dass Div1 = processContainer und
Div2 = processContent. Wie müsste es nun aussehen,
wenn Div1 in Abhängigkeit von Div2 wachsen soll?

<style type="text/css">
html, body {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#processContainer {
	margin-left: 25%;
	margin-top: 5%;
	position: absolute;
	float: left;
           width: 500px;
           min-height: 300px;        /* gute Browser */ 
           height: auto !important;  /* gute Browser */
           height: 300px;            /* dumme Browser */
	background-color: #CCCCCC;
}

#processContainer #processHeader {
	position: absolute;
	width: 100%;
	height: 35px;
	background-color: #FFFFCC;
	border-bottom: 5px solid #000000;
}

#processContainer #processContent {
	position: absolute;
	left: 160px;
	top: 40px;
	width: 340px;
	background-color: #FF0000;
}

#processContainer #processNavigation {
	position: absolute;
	float: left;
	top: 24px;
  	left: 0px;
	width: 160px;
}
</style>

<div id="processContainer">
	<div id="processHeader"></div>
	<div id="processNavigation"></div>
	<div id="processContent"></div>
</div>

[wahsaga]

Wie müsste es nun aussehen,
wenn Div1 in Abhängigkeit von Div2 wachsen soll?

Dann dürfte Div2 natürlich nicht absolut positioniert sein.

[kerbstone]

Dann dürfte Div2 natürlich nicht absolut positioniert sein.

Ooops! Schnell korrigiert

Dennoch, die Div2 Box erstreckt sich weit über die Div1 Box,
wobei die Div1 Box doch nun Div2 Box beinhalten sollte und
entsprechend mitwächst. Was ist hier falsch?

[wahsaga]

Dennoch, die Div2 Box erstreckt sich weit über die Div1 Box, wobei die Div1 Box doch nun Div2 Box beinhalten sollte und entsprechend mitwächst. Was ist hier falsch?

Div1 darf nicht mitwachsen, weil du ihm eine feste Höhe gegeben hast ...

[kerbstone]

Div1 darf nicht mitwachsen, weil du ihm eine feste Höhe gegeben hast ...

Mit

min-height: 300px; /* gute Browser */
height: auto !important; /* gute Browser */

gebe ich doch der Div Box eine Mindesthöhe die beliebig wachsen kann, dachte ich...

[DonManfred]

Mit
min-height: 300px; /* gute Browser */
height: auto !important; /* gute Browser */

gebe ich doch der Div Box eine Mindesthöhe die beliebig wachsen kann, dachte ich...

Und eine Zeile weiter schreibst du

height: 300px; /* dumme Browser */

und hebst die Zeile davor damit wieder auf...