nicht angemeldet
Hallo,
Ich habe mich nun vom Tabellen-Layout abgewandt und möchte nun das Layout mit CSS gestalten. Der Entwurf, der umzusetzen ist sieht folgend aus:
Header (height:90px) Content (height:*)
Footer (height:40px)
Jeder Bereich (Header, Content, Footer) ist jeweils ein DIV-Element.
Das Ziel ist es, wenn der Inhalt nicht das Browser-Ende erreicht, soll der restliche Platz mit der Hintergrundfarbe gefüllt werden bis der Footer mit dem Browser endet.
Geht nun der Inhalt über das Browser-Fenster hinaus soll auch der Footer mitwandern und erst beim Runterscrollen zu sehen sein.
Okay, also keine fixen Kopf- und Fussleisten, dass erleichert die Sache.
Die Lösung sollte in etwa wie folgt aussehen: Du gibtst html und body erst mal 100% Höhe. Header und Content schließt in einem weiteren Div ein. Dieses Div-Element bekommt, wie von Auge vorgeschlagen eine Mindesthöhe von 100% + Extrawurst für den IE. Der Footer bekommt dann eine negative margin-top, in deinem Fall 40px. Das sollte es gewesen sein.
Kleiner Tipp noch: Falls möglich solltest du auf die Pixelangaben verzichten und deine Maße in einer relativen Einheit, z.B. em angeben.
Gruß
Stareagle
Auge