Div Höhe 100% des Eltern Div Containers

[NiRu]

Hallo,

Ich suche nach einer Möglichkeit einem Div Element die volle Höhe des Browsers zu geben,
dieses Div Element hat 3 weitere Kind Elemente mit jeweils unbestimmten höhen.
Das mittlere Div Element soll sich jedoch in der Höhe, den anderen beiden Elementen anpassen ( ausfüllen der Fläche ).

Nun weiß ich nicht die ich das mittlere Div Element in der Höhe strecken kann, ohne das es den Rahmen des Browsers überzieht.

http://jsfiddle.net/Zj372/1/

Das mittlere Div Element nimmt sich durch die 100% die volle Höhe und die anderen beiden Elemente werden ignoriert.

Weiß jemand wie das funktionieren könnte?

Vielen Dank!

 

[threadi]

Ich glaube du suchst nach der sogenannten "footer sticky alt" Methode:
http://css-tricks.com/snippets/css/sticky-footer/

 

[NiRu]

Danke, habe ist mir überhaupt nicht eingefallen das es genau so arbeiten muss wie bei einem sticky footer
Hätte denn noch jemand eine Idee, wie ich einen footer der keine feste Höhe hat sondern je nach Inhalt variiert ohne Javascript fixiere?

Danke !

 

[djheke]

Google mal nach display:table.
Aber wie viel Seiten sind denn bei dir so ohne oder mit wenig Inhalt? Will nur sagen das sich dieser Aufwand meistens nicht lohnt.

 

[NiRu]

Danke, das war genau der richtige Weg um ans Ziel zu kommen.
http://t3n.de/news/sticky-footer-display-table-536687/

@djheke
Danke für deinen Tipp mit dem Table, dieses eine mal muss leider dieser Aufwand sein, ich brauchte ein ordentliches Layout für eine Web Anwendung,
Es hat sich um einen Datei Explorer auf Web Basis gehandelt.
Nun hat alles funktioniert und das Layout und Design steht.

Vielen Dank!