[CSS]Design wie umsetzen?

[Schneider]

Hallo nachdem man mich hier so toll unterstützt hat (mit kompletter Lösung) habe ich noch ein Anliegen.

Ich habe ein Design welches 100% hoch ist, dh. wenn der Inhalt nicht größer ist, wenn er größer wird verlängert sich das div sowieso.
Oben habe ich ein Header welches 120px hoch ist anschließen habe ich einen kleinen Abstand (den kann ich ja mit margin-top angeben) und dann kommt noch ein div mit 20px für eine Navigation und direkt danach kommt der Content und genau hier weiß ich nicht wie ich es lösen soll.
wie kann ich ihm sagen das er den Rest der Seite nehmen soll weil ich ja auch nicht genau weiß wie groß der Rest ist

PS:
Hier hab ich noch ein Bild das euch hoffentlich hilft mein wirwar zu verstehen

 

[bine]

Dein Inhaltsbereich wird immer nur so hoch sein, wie der Inhalt oder so hoch wie eine feste Höhe welche Du angeben kannst. Das hilft Dir hier jedoch nicht weiter.

Man nehmen einen kleine Trick.

Definiere für alles von oben bis unten einen 100% hohen Container mit der background Farbe des Contentbereichs. Dann reichts immer bis unten und hat immer die Farbe vom Content.

[edit] Wenn Du html body und content 100% Höhe gibst, brauchst Du glaub ich nicht mal nen wrapper.

 

[Schneider]

Danke für deine Mühen allerdings bin ich jetzt davon abgewichen, da eh zu 99% der Inhalt größer ist als eine Bildschirmlänge.

 

[dkdenz]

Es gibt da auch noch den Hintergrundbild-Trick.
(wenn man eine feste Breite im Layout hat)

 

[ein schlauer]

die Lösung dieses Problems kommt erst mit CSS 3
CSS3 lernt mit der Funktion calc() rechnen / Vergleich mit box-sizing – SELFHTML aktuell Weblog

 

[Schneider]

wow da freue ich mich ja richtig auf CSS3
mal ne Frage wie lange wird es noch dauern bis CSS3 eingeführt bzw. wann wird es ungefähr Browser geben die das unterstützen ??

 

[dkdenz]

Gemessen am bisherigen Tempo vom W3C werden wohl noch 2-3 Jahre in's Land ziehen...
Dann kommt noch die Umsetzung der verschiedenen Browserhersteller hinzu (wobei M$ wohl der schwierige Teil sein wird), was Alles in Allem min. 4-5 Jahre bedeutet...

 

[ein schlauer]

Optimist

 

[dkdenz]

Optimist

Ich weiss! Ich versuche mir das Leben einfach schön zu denken!