Absolut positionieren
-von Website Inhalten, heisst ein als absolut definierter Bereich der Website bleibt an Ort und Stelle, waehrend sich der Rest der Seite bewegt (dieser tag wird von IE8 und vorgaenger Versionen ignoriert). Auf dieser Seite sind die Links auf der linken Seite ("Tipps und Tricks, Home" etc) absolut positioniert, wir verwenden die Angaben aus dem Quelltext als Beispiel, zuerst die CSS Angaben im Head der Seite. position:fixed bedeutet, dass dieser Bereich der Website als absolut/unbeweglich definiert ist top: sind pixel von oben, left: pixel von links, with: Breite des absolut positinierten Bereichs, height: ist Hoehe des absolut definierten Bereichs in pixel.
| <style> ...... #box { position:fixed; top:250px; left:30px; width:170px; height:150px; } ..... </style> |
Es folgt der der tag im body der Seite.
| ......nicht
absolut positionierter Bereich <div id="box"> <absolut positionierter Bereich> </div> ......nicht absolut positionierter Bereich |
linker Bereich dieser Seite ist absolut positioniert, sollte sich beim Scrollen nicht bewegen!
Ein Beispiel fuer Bildershow, mit Java sript, Erklaerung dazu hier.
   |
|
... komfortabel oder ?