Hallo!
Ich habe immer wieder folgendes Problem:
Ich möchte eine Hintergrundfarbe für ein horizontal mittig zentriertes DIV auf einer Seite definieren. Die Hintergrundfarbe soll dabei:
- immer MINDESTENS so hoch laufen wie das Browserfenster hoch ist
- ES SEI DENN, der INHALT IST GRÖßER als dasselbe (=> scrollen). DANN SOLLTE DIE HOINTERGRUNDFARBE BEIM SCROLLEN WEITER NACH UNTEN LAUFEN.
Was ich bisher probiert habe:
Wenn ich die Höhe des Divs auf 100% setze (und bei html und body, den einzigen Elternelementen ebenfalls), dann habe ich hinter dem Inhalt sagen wir einen blauen Hintergrund. Ist der Inhalt des Textes jedoch größer als der Bildschirm, so bricht die Hintergrundfarbe danach ab.
Definiere ich die Höhe des DIVs gar nicht, so läuft die Hintergrundfarbe nur soweit, wie Inhalt forhanden ist - sind also nur zwei Zeilen Inhalt da, so bricht auch der Hintergrund ab.
Weis jemand eine Lösung? Muss ich da vielleicht zwei DIVs ineinander verschachteln?
Der Norde