Hey, ich hab mir für eine Seite ein Design überlegt, was ich nun versuche umzusetzen. Das Problem dabei ist, dass eine DIV davon eine variable Höhe besitzen muss (für kleinere/größere Bildschirmauflösungen). Dort drin enthalten ist noch eine 2. DIV, die immer unten in der übergeordneten positioniert sein soll.
Zu guter letzt, soll die ganze DIV mit scrollen, sodass die Illusion entsteht, dass nur der rechte Content scrollt.

Zum besseren Verständnis:


D.h. die DIV 1 soll immer einen Abstand von 150px zum oberen sowie unteren Bildschirmrand haben, egal bei welcher Bildschirmauflösung und soll, sobald der Content-Bereich scrollbar ist, mit scrollen.
Die DIV 2, soll nun in der DIV 1 immer unten mittig mit einem Abstand von 10px platziert sein.

Wie kann ich das nun am besten umsetzten?
Herzlichen Dank für die Hilfe.
Mit freundlichen Grüßen
suckey