Hallo Ihr Experten,

ich scheitere gerade kläglich an der Umsetzung meines Templates in CSS. Ich hatte das ganze Layout vorher mit Tabellen umgesetzt. Ich habe schon diverse Seiten und Beispiele durchprobiert, scheitere aber immer wieder an der einen oder anderen Hürde.

Kurz zu meinem Template:

Die ganze Seite ist 765px breit und linksbündig. Sie soll immer 100% der Höhe ausfüllen (siehe FAQ Punkt 4) und einen immer unten klebenden Footer haben ( siehe FAQ Punkt 7 "footer sticker alt").
Ausserdem hat die Seite einen Header Bereich und für body und den Content Berecht zwei verschiedene Hintergründe. Lange Rede kurzer Sinn, hier ist mein jetziger Stand:

HTML
CSS

Das mit dem Footer klappt schon sehr gut! Den Rest der Seite habe ich auch mehr oder weniger elegant positionieren können. Momentan scheitere ich an dem Hintergund für den Content Bereich. Er reicht immer nur soweit wie der Content da ist. Versuche ich den Hintergrund dem 100&% hohem "page" container zuzuweisen zerschiesst er mir mein Layout komplett Hat jemand einem heissen Tipp für mich?

Danke euch und viele Grüße

Daniel

Davon ist in Deinem CSS nichts zu sehen. Lies den Artikel nochmal genau.

Richtig... davon ist nichts zu sehen. Mein Fehler... Ich habe das Beispiel oben fälschlicherweise angeführt!
Denn: "footer sticker alt" ist nicht das was ich brauche. Mein footer soll immer zu sehen sein und nicht wie in dem Beispiel mit dem content nach unten wandern. So wie in dem link den ich oben gepostet habe...

Sorry das ich den Punkt aus den FAQ 's oben erwähnt habe. Liegt wohl daran, dass ich dieses Beispiel auch schon ausprobiert habe und deswegen etwas durcheinander gekommen bin

dann brauchst Du position:fixed und einen relativ aufwändigen Workaround, damit die IEs (bis Version 6) das auch können.

Fixed fuer IE6
-- LANtastic :: Artikel -- Position: fixed für Internet Explorer und andere Browser
Feste Positionierung: Die richtige Anwendung von position:fixed
Fixing position:fixed for Windows Internet Explorer

__________________
Wer floatet muss auch clearen!, Menu-Listen, 3-Spalten-Layout, CSS-FAQs

Ok... danke dir! Allerdings löst das mein Problem noch nicht? Nur eine weitere Hürde die ich aus dem Weg räumen müsste

Mein Fragen sind:

1.) Wie bekomme ich es hin, dass der Hintergund für den Content immer bis zum Ende der Seite angezeigt wird, auch wenn der Content nur weniger Platz einnimmt?

2.) Wenn der Content über den unteren Seitenrand hinausragt, dann habe ich im Opera 9 Mozilla 2 immer einen kleinen Bereich der vom Content Hintergund auch nicht ausgefüllt wird, warum?

Ich danke euch für die Tipps... Eventuell gibt es ja so etwas wie einen Link zu einer Template Vorlage zu meiner Umsetzung!? Dann könnte ich maich daran orientieren?

Viele Grüße

Daniel

entweder mit ausreichend content oder mit "faux columns" (siehe FAQ). Höhenangaben für #content lösen das Problem nicht, also besser weglassen.

Die zweite Frage würde ich mir erst stellen, wenn der Rest umgesetzt ist und das dann immer noch besteht.

__________________
Wer floatet muss auch clearen!, Menu-Listen, 3-Spalten-Layout, CSS-FAQs