WEBDESIGN ZÜRICH PINKDOT


Positionierungen

Alles zum Thema CSS, eine umfangreiche CSS-Referenz und Templates zur freien Verfügung findet sich neu auf:
www.css-webdesign.ch

position

Definiert die Positionierung eines Elementes

Werte: static | relative | absolute | fixed | inherit

Ausgangswert: static
Anwendbar auf: Alle Elemente
Vererbung: Nein

static

Das Element wird im Textfluss positioniert. Angaben, wie »left«, »right«, »top« und »bottom« sind nicht wirksam. Scrollt man das Dokument, so wandert das Element mit.

relative

Das Element wird im Textfluss positioniert. Anschliessend wird es relativ zu seiner normalen Position verschoben. Ein nachfolgendes Element wird so berechnet, als wäre das vorhergehende nicht verschoben worden. Scrollt man das Dokument, so wandert das Element mit.

absolute

Die Elemente werden aus dem normalen Textfluss entfernt und mit den Eigenschaften »left«, »right«, »top« und »bottom« positioniert. Scrollt man das Dokument, so wandert das Element mit.

fixed

Das Element wird an der Stelle fixiert, wo es positioniert wurde. Scrollt man das Dokument, bleibt das Element stehen.