nicht angemeldet
Hallo!
In letzter Zeit war ich nur als Helfer hier tätig aber nun bin ich mit meinem Latein am Ende.
Ich möchte, dass der Inhaltsbereich das Browserfenster von der Höhe her immer voll ausfüllt und für den Body ein Hintergrundbild haben, welches sich immer unten rechts auf der Seite (nicht Viewport) befinden soll.
Wenn der Inhalt immer zu Hoch für das Fenster ist bzw immer zu "niedrig" ist, dann hätte ich kein Problem. Der Hund liegt leider in der gemischten Form, wo der Inhalt einmal den Viewport sowieso sprengt aber ein anderes Mal eben nicht.
Ich hab html und body auf height:100%; und meinen #wrapper auf min-height:100%; damit er sich ausdehnt, falls der Inhalt mal länger wird. Soweit passt alles.
Ist der Inhalt nun aber zu hoch / lang, dann zieht sich zwar mein #wrapper schön in die Länge aber mein verfluchter body dehnt sich nicht aus und somit ist mein body Hintergrundbild nicht unten rechts sondern bei der Viewportgrenze rechts. So siehts jedenfalls beim FF 3.0.1 aus.
Wie bekomm ich das so gebacken wie ich es haben will? Zu meiner Verzweiflung musste ich nun feststellen, dass der IE 7 es "richtig" darstellt.
Am besten ihr schaut es euch einfach bei der Beispielseite an, erklärt sich eigentlich alles von selbst. Mehr/weniger Inhalt erhält man mit einem Klick auf "More".
Link steht oben und hier nochmal: http://stuff.c-gabriel.at/foo.html
Hoffe ihr könnt mir helfen.
LG,
Snafu