div in der Größe des freien Raums im Fenster

[christian]

Hallo,

gibt es eigendlich überhaupt mit CSS eine Möglichkeit ein Div, das zwischen zwei anderen Elementen sitzt, auf die größe zu bekommen die noch frei ist bis das untere Div den Bildschirmrand berührt?

<div>150px hoch</div>
<div>rest</div>
<div>80px hoch</div>
(die Zahlen sind einfach so aus der Luft gegriffen).

Gruß

Christian

[Gunnar Bittersmann]

Hello out there!

gibt es eigendlich überhaupt mit CSS eine Möglichkeit ein Div, das zwischen zwei anderen Elementen sitzt, auf die größe zu bekommen die noch frei ist bis das untere Div den Bildschirmrand berührt?

<div>150px hoch</div>
<div>rest</div>
<div>80px hoch</div>
(die Zahlen sind einfach so aus der Luft gegriffen).

* {  
 margin: 0;  
 padding: 0;  
}  
div {  
 position: absolute;  
 width: 100%;  
}  
#top {  
 background: red;  
 top: 0;  
 height: 150px;  
}  
#middle {  
 background: yellow;  
 top: 150px;  
 bottom: 80px;  
}  
#bottom {  
 background: green;  
 bottom: 0;  
 height: 80px;  
}

Siehe diesen Thread.

See ya up the road,
Gunnar

[Hopsel]

Hi Gunnar!

Hmm...
Funktioniert das nun überall™?

MfG H☼psel