Antipitch: Weiterführendes Problem: Dynamischer Rahmen, abhängiger Inhalt

Beitrag lesen

Hi tobeit,

du meinst den gesamten Viewport ausfüllen ohne scrollen, Bereich oben feste Höhe in em oder px und den Rest durch das scrollbare div, right?

Ich wills nicht definitiv beschwören, aber ich fürchte, das wird in deinem Fall schwierig. Bei "normalen" divs kann man mit reinem CSS jede Menge anstellen mit Headern, Footern und 100% Höhe (denn die bräuchtest du ja de facto für das Scroll-div). Dann wird aber mit negativen margins, paddings etc. gearbeitet und da werden dann die Anfangs- und Startpunkte deiner Scrollleiste zum Problem.

Auf die schnelle fallen mir nur zwei Lösungen ein:

1. Das obere div bekommt auch eine Höhenangabe in Prozent, so dass du insgesamt auf 100% kommst

oder

2. JS: Höhe des Viewports auslesen und das untere div anpassen

Gruß
Antipitch