Wie feste und mitscollende Layout-DIVs realisieren?

[Knubbi]

Layoutproblem: Ich möchte eine feststehende Kopfzeile und Seitenleiste, die beides an Ort und Stelle bleiben soll, wenn man den Inhalt scrollt.

Die Seite ist "fluid", solle also mit der Browserbreite skalieren.

Illustration: 2011-05-02_2040 - Knubbi's library

Wie macht man das bitte am besten?

Was ich mich sowieso schon immer frage: Warum machen nicht alle Webseiten das so? Wer kann denn wollen, daß die Hauptnavigation aus dem Bildschirm scrollt?

Haben statische DIVs wichtige Nachteile, die es zu bedenken gilt?

 

[Shrax]

Layoutproblem: Ich möchte eine feststehende Kopfzeile und Seitenleiste, die beides an Ort und Stelle bleiben soll, wenn man den Inhalt scrollt.

Dafür benutzt man, soweit ich weiß, die css regel position:fixed.

 

[Knubbi]

Ja, das Problem ist aber, das das DIV dann aus dem Restlayout herausgenommen wird und Content darunter verschwindet.

Warum wird das denn so selten genutzt? Hat das viele schwerwiegende Kompatibilitätsprobleme?

 

[threadi]

Der IE unterstützt fixierte Positionierung erst ab Version 8 sauber, vorher eher problematisch.

 

[Knubbi]

Ei, na das ist ja mal eine Ansage.

 

[PORTAL]

Hallo Knubbi,
was du brauchst ist

#inhalt_div{
   overflow:scroll;
}

Dieses Thema ist hier gut beschrieben: overflow: Übergroßer Inhalt: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets
Damit wird dein Inhalt gescrollt und andere Leisten bleiben stehen.

PORTAL