CSS Referenz: Positionierung

0 | 11194 Aufrufe
Sie können diese Wikiseite nach der Anmeldung auf Webmasterpro bearbeiten. Helfen Sie mit und verbessern Sie "CSS Referenz: Positionierung" mit Ihrem Wissen!

Anzeige Hier werben

Mithilfe der CSS-Eigenschaft position kann die Position eines Elementes auf der Seite aus dem Textfluss heraus oder komplett unabhängig positioniert werden.

  • Artikelbeschreibung
  • Einleitung
  • transform

position: Positionierungsart

Firefox3.6Unterstützt4+Unterstützt
IE7Unterstützt8Unterstützt9Unterstützt
Opera11Unterstützt12Unterstützt
1+Unterstützt
Safari4Unterstützt5Unterstützt
CSS: position

Werte: static, relative, absolute, fixed

Die CSS-Eigenschaft position stellt ein, wie CSS-Elemente Positioniert werden sollen.

left, top, right, bottom: Position/Ausrichtung

Firefox3.6Unterstützt4+Unterstützt
IE7Fast8Unterstützt9Unterstützt
Opera11Unterstützt12Unterstützt
1+Unterstützt
Safari4Unterstützt5Unterstützt
left/right/bottom/top

Werte: Längenangabe

Mit left, top, right und bottom werden Elemente positioniert oder von ihrer normalen Position aus verschoben werden (in Abhängigkeit der Positionierungsart(position)).

z-index: Rang/Überlapung

Firefox3.6Unterstützt4+Unterstützt
IE7Unterstützt8Unterstützt9Unterstützt
Opera11Unterstützt12Unterstützt
1+Unterstützt
Safari4Unterstützt5Unterstützt
z-index

Werte: Zahlenwert

Wird durch z-index bestimmt. Man gibt eine Zahl ein. Wenn ein Objekt den Wert 1 hat, dann überlappt es ein Objekt mit den Wert 2.

transform: Elemente Transformieren (Drehen, Skalieren, ...)

Firefox3.6Unterstützt4+Unterstützt
IE7Nein8Nein9Unbekannt
Opera11Unbekannt12Unbekannt
1+Unterstützt
Safari4Unterstützt5Unterstützt
CSS: transform

Hiermit lassen sich Elemente rotieren, verzerren, skalieren, ...


Wikiseite bearbeiten

Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher haben 3 Personen an der Seite "CSS Referenz: Positionierung" mitgewirkt.

Sie haben einen Fehler entdeckt oder möchten etwas ergänzen? Dann können Sie nach der Anmeldung "CSS Referenz: Positionierung" hier bearbeiten.

Mitarbeiter