Schonwieder <div> : )

[Webblob]

Hallo Ralle!

Habe den Thread jetzt schon eine Weile lang verfolgt, und will jetzt auch noch meinen Senf dazugeben.

Es gibt verschiedene (CSS-) Ansätze für ein Layout. IMHO leider nicht den "perfekten" Ansatz, denn alle haben Vor- & Nachteile. Welcher Ansatz für ein Projekt der "günstigste" ist, hängt von verschiedenen Faktoren ab, wie z.B.: Art & Struktur der Inhalte, gewünschte Flexibilität des Layouts, persönliche Vorlieben, Browserkompatibilität, etc.

Ich empfehle http://css-discuss.incutio.com/?page=CssLayouts um sich einen Überblick zu verschaffen.

Ich habe dank Beispiel 3 (http://www.alistapart.com/d/footers/footer_css3.html) auf http://www.alistapart.com/articles/footers/
jetzt eine header-div und ein footer-div.

Dieser Ansatz birgt auch schon Probleme in sich, da der Footer absolut positioniert wird, somit also aus dem "normalen Fluß" herausgelöst ist. Denn ist der darüberliegende Inhalt größer (höher) als das Browserfenster, wird er vom Footer überlagert. Womit wir bei deinem aktuellen Problem/ Wunsch wären.

Jetzt möchte ich ein <div> dazwischen stecken welches oben am header- und unten am footer-<div> anliegt.
Nicht nur am oberen und so hoch wie der Inhalt ist.

Das ist afaik mit CSS bei diesem Ansatz nicht möglich, da sich der Footer ja nicht am vorhergehenden Inhalt orientiert (s.o.). Hier würde eine Variante helfen, die bei aktiviertem JavaScript den Footer unten am Browserfenster platziert, die Größe (Höhe) von Header & Footer ermittelt und ein <div> entsprechend dazwischen platziert. Bei deaktiviertem JavaScript wird der Footer "ganz normal" per CSS unterhalb (und ggf. ausserhalb des sichtbaren Bereichs des Browserfensters) des Inhalts platziert. Beispiele hierzu findest du ebenfalls auf der zuvor schon genannten Seite unter http://css-discuss.incutio.com/?page=MultiColumnLayoutWithFooterAndJavascript

Gruß Gunther