Der Titel fasst ganz gut zusammen, was ich vorhabe. Ich möchte einen Header, der immer am oberen Rand des Browserfensters klebt, einen Footer, der immer am unteren Rand klebt. Dazwischen ist der Inhalt, in einem div das 100% der verbleibenden Fensterhöhe hat. (Das liegt daran, dass zwischen Header und Footer immer genau vertikal mittig ein Foto angezeigt werden soll)

Ich bin inzwischen so weit, aber jetzt werden die drei Spalten unterhalb des Headers um die Höhe des Headers zu lang. Ich möchte für den Header aber keine feste Pixelgröße angeben, da dort Text stehen wird, und der User die Möglichkeit haben sollte, die Größe dieses Textes anzupassen.

Ich hoffe ich habe jetzt im FAQ nichts passendes übersehen. Die Beispiele dort hatten mich weiter, aber noch nicht zum Ziel gebracht. So weit ich die Beispiele verstehe, gehen die ja alle von einer flexiblen Menge Inhalts aus, so dass sich die Content-divs in der Höhe anpassen. Bei mir wird das sehr statisch.

Für Hilfe wäre ich sehr dankbar! Und falls ich noch mehr Informationen bereitstellen kann/soll, tue ich das gerne.

Danke.
J.

P.S.: Die zwei dünnen Spalten links und rechts (weiß markiert) sind für die Pfeile, über die der Nutzer in den Fotos blättern kann.

Versuche es mal mit #alles {overflow:hidden;}.

Schau mal bei mir auf die Seiten, ich habe einen (nicht immer gefüllten) Header, einen feststehenden Footer und einen mittleren Inhaltsbereich. Wenn es sowas ist, was Du such, schick ich dir gerne die Datein...
Undercover-Coon's

Tanja

Ich würde den Grundaufbau per Footer Stick Alt [-->FAQ] umsetzen. Vorteil: Der Wrapper und eine am unteren Bildschirmrand stehende Fußzeile sind dann bereits vorhanden, und die Kopfzeile kann im Wrapper platziert werden.

@ Tanja: Diese Pseudoframes haben dermaßen viele Nachteile, dass man nicht mehr reinen Gewissens dazu anraten kann.


ot: Frage in die Runde: Wenn es Footer Stick Alt gibt, dann müsste doch nach den selben Konstruktionsprinzipien auch Header Stick Alt funktionieren. Vielleicht sogar als Kombination Header- plus Footer-Stick-Alt.