CSS Referenz: Positionierung

0 | 0 Kommentare | 1770 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
  • arbeitet seit längerem als Webdesigner und vor allem -entwickler. Er ist Webmaster von Webmasterpro.de und leitet den Flashcounter-Service.
  • David Danier arbeitet seit mehr als neun Jahren im Bereich Webdevelopment und ist unter anderem Geschäftsführer der Team23 GbR, sowie Webmasterpro.de.
  • Ich bin Schüler und beschäftige mich seit einigen Jahren in meiner Freizeit mit dem Erstellen von Webanwendungen, die mit PHP, (X)HTML, CSS, MySQL, JS etc. realisiert werden.

Kommentare: CSS Referenz: Positionierung