CarstenP: Layout mit DIV-Containern - Höhe 100%

Beitrag lesen

Hallo,

beim container statt height min-height (wird vom IE nicht unterstützt)
Firefox "verlängert" jetzt zwar den Hintergrund beim Scrollen, ein schmaler Streifen bleibt ganz unten aber trotzdem ohne Hintergrund.

"min-height" alleine bedeutet "mindestens Höhe x, maximal so groß wie der Inhalt", d. h. das Hintergrundbild hört exakt dort auf, wo der Inhalt des Containers aufhört. Alle absolut positionierten Elemente werden aus dem Fluß genommen und zählen eben durch die Positionierung nicht mehr zum Inhalt des Containers, d. h. das Ende Deines Menüs inkl. der Blümchen liegt noch unterhalb des Endes Deines Containers, daher kommt es zu diesem Streifen. Im IE liegen die Listenpunkte dichter zusammen, deshalb fällt es Dir hier nicht auf. Mache Dein Menü mal länger, dann fällt es Dir auch im IE auf.

Und auch ich kann Dir nur raten: Gib das Hintergrundbild dem Body. Du ersparst Dir viel Ärger.

Viele Grüße
Carsten