CSS Referenz: Positionierung

0 | 0 Kommentare | 4449 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

Firefox2Unterstützt3Unterstützt3.1Unterstützt
IE6Fast7Unterstützt8Unterstützt
Opera9Unterstützt9.5Unterstützt
Safari3Unterstützt3.1Unterstützt4Unterstü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

Firefox2Unterstützt3Unterstützt3.1Unterstützt
IE6Fast7Fast8Unterstützt
Opera9Unterstützt9.5Unterstützt
Safari3Unterstützt3.1Unterstützt4Unterstü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

Firefox2Unterstützt3Unterstützt3.1Unterstützt
IE6Fehlerhaft7Unterstützt8Unterstützt
Opera9Unterstützt9.5Unterstützt
Safari3Unterstützt3.1Unterstützt4Unterstü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, ...)

Firefox2Nein3Nein3.1Unterstützt
IE6Nein7Nein8Nein
Opera9Nein9.5Nein
Safari3Nein3.1Unterstützt4Unterstü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

Kommentare: CSS Referenz: Positionierung