GartenUmgraben
Erfahrenes Mitglied
Hoi..
Ich habe einen Äußeren Div in dem ich zwei andere Divs nebeneinander positioniert habe.
Obwohl beide inneren height:100% haben, bleibt der linke div "klein" während der rechte wächst und somit den äußeren Div ebenfalls vergrößert.
Wie kriege ich es hin dass startend bei einer min-height, sobald einer der inneren divs wächst (und somit der äußere auch größer wird) auch der zweite innere div größer wird.
Wenn also der rechte div größer wird, soll auch der linke wachsen, wobei dort der header oben und der footer unten bleiben sollte und der neue "platz" der sich ergibt dazwischen "entstehen" soll Oo
Ich habe einen Äußeren Div in dem ich zwei andere Divs nebeneinander positioniert habe.
Obwohl beide inneren height:100% haben, bleibt der linke div "klein" während der rechte wächst und somit den äußeren Div ebenfalls vergrößert.
Wie kriege ich es hin dass startend bei einer min-height, sobald einer der inneren divs wächst (und somit der äußere auch größer wird) auch der zweite innere div größer wird.
Wenn also der rechte div größer wird, soll auch der linke wachsen, wobei dort der header oben und der footer unten bleiben sollte und der neue "platz" der sich ergibt dazwischen "entstehen" soll Oo
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>DIV-Test</title>
<style type="text/css">
div.main
{
border:3px solid blue;
width:600px;
}
div.nav
{
border:2px solid green;
height:100%;
width:100px;
float:left;
}
div.nav_header
{
border:1px solid red;
}
div.nav_footer
{
border:1px solid red;
}
div.con
{
border:2px solid black;
height:100%;
margin-left:100px;
}
div.domain_con
{
border:2px solid pink
}
</style>
</head>
<body>
<div class="main">
<div class="nav">
<div class="nav_header">Header</div>
<div class="nav_footer">Footer</div>
</div>
<div class="con">
<div class="domain_con">Hallo<br/>ich<br/>ein<br/>Test<br/>Text<br/></div>
</div>
</div>
</body>
</html>
