CSS - Positionierung von Elementen

Setzt man für ein Element die position:fixed, so wird dieses Element auch aus dem normalen Document Flow herausgenommen und nicht mehr in Bezug auf den Inhalt der Seite oder irgendwelche Elemente auf dieser Seite positioniert, sondern in Bezug auf das Ausgabemedium.

D.h. dass es immer anderselben Stelle des z.B. Bildschirms positioniert ist und nicht durch Scrollen auf einer Seite verschoben werden kann; ähnlich wird dieses Element auf einem Ausdruck der Seite immer wieder auf derselben Position auf der Papierseite mitausgedruckt (und zwar auf jeder einzelnen Seite).

Diese Eigenschaft würde sich sehr gut für mitscrollende Navigationsbereiche eignen oder um das Erscheinungsbild von Framesets nachzustellen, nur wird es leider von den Webbrowsern momentan nicht zufriedenstellend unterstützt, weswegen man diese Funktionalität eher versucht mit Javascript nachzubilden um ein Funktionieren in allen Browsern zu garantieren (Besonders IE unter Mac hatte gravierende Probleme mit position:fixed, IE unter Windows bietet bis vor Version 7 gar keine Unterstützung). Bis alle gängigen Browser diese Eigenschaft zur Gänze unterstützen, ist von einem Einsatz eher abzuraten.

Beispiel für position:fixed (nach unten scrollen, um den Effekt zu sehen)