smart: Fixierte Container in zentriertem Layout?

Beitrag lesen

Hallo zusammen

Meine Frage richtet sich an die CSS-Profis in diesem Forum.

Mein Layout sieht so aus dass ein 770px breiter DIV-Container (id=page) zentriert auf der Seite dargestellt wird (margin: 0 auto)

In page sind drei weitere Container (top, content & bottom) So weit so gut.

Ich würde nun aber gern top & bottom dementsprechend fix positionieren (sprich das die nicht mitscrollen) also top im Fenster ganz oben und bottom ganz unten.

Wenn ich page, top & bottom als position:relative positioniere funktionierts insofern das alle Container dort sind wo ich sie haben will nur dass sie eben mitscrollen. Sobald ich top/bottom als fixed deklariere funktionierts nicht mehr.

Was mache ich falsch bzw wie macht mans richtig?

Bitte um Hilfe. Danke.

Mfg smart