2 horizontale Boxen über 100% Höhe

[Master_T2]

Hallo,

ich will zwei CSS Boxen so positionieren, dass eine Box horizontal über 100% width mit height 100px als Kopfzeile dient. Darunter soll eine neue Box stehen in der man scrollen kann. Die untere Box soll bis zum unteren Browserrand gehen. Die Kopfzeile soll also immer zu sehen sein und man soll nur in der unteren Box scrollen können, nicht über die ganze Seite. Hat da vielleicht jemand was für mich?

[satre]

Joa. Zunächst das ganze 100%-Höhe-Workarround und zusätzlich ein overflow für den Inhaltscontainer.

Dabei musst du die 100px hohe Box wahrscheinlich in die 100% hohe reinstecken, weils sonst Probleme mit der Gesamthöhe gäbe.

[Master_T2]

Ja, das Problem ist nur immer, dass die 100px Höhe vom Seitenkopf immer dazu führt, dass ich 2 vertikale Scrollbalken bekomme. Einmal den Browserscrollbalken für die untere Box + 100px und einmal für die untere Box. Wie krieg ich das denn hin?

[Boris]

So?
http://www.cssplay.co.uk/layouts/bodyfix.html

[Master_T2]

Jup thx!