Webdesign - Webseiten planen, gestalten - Free-Hack Library

Abb. 4.4.9c: Absolut positionierte Elemente
werden am umgebenden Container ausgerichtet,
in diesem Fall an dem html-Element, und
nehmen keinen Raum ein, wie man an den
umgebenden Blöcken erkennen kann.
Abb. 4.4.9d, e: Die fixierte Positionierung ist
lediglich ein Sonderfall der absoluten Positionierung.
Auf dem rechten Bild erkennt man,
dass Text und die roten Boxen mitgescrollt sind,
die grüne Box ihre Position im Browserfenster
jedoch beibehalten hat.
94
}
position: absolute;
top: 15px;
left: 25px;
CSS
Ein besonderer Fall der absoluten Positionierung ist die Platzierung
mittels position: fixed;. Derartig platzierte Elemente verhalten sich
wie absolut positionierte Elemente, allerdings scrollt ein fixiertes
Element nicht mit.
Daraus ergibt sich, dass der Nullpunkt immer der linke obere
Pixel des Browserfensters ist und nicht ein absolut oder relativ
positioniertes Elternelement (Abb. 4.4.9d, e).
.rahmen {
border: 1px solid #cc3333;
margin-bottom: 1px;
width: 250px;
}
.rahmen2 {
border: 1px solid #33cc33;
margin-bottom: 1px;
width: 250px;
position: fixed;
top: 15px;
left: 25px;
}