top

(Auszug aus "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" von Rachel Andrew & Dan Shafer)

Mit der Eigenschaft top wird der Abstand zwischen dem oberen Rand eines mit absolute positionierten Elements, einschließlich Innenrand, Rahmen und Außenrand (Anmerkung: Die CSS2-Spezifikation enthält eine fehlerhafte Stelle, die besagt, dass in diesem Zusammenhang Innenrand, Rahmen und Außenrand nicht beachtet werden sollten. Der Fehler ist bereits von der CSS Working Group in der Korrektursammlung der CSS2-Spezifikation dokumentiert.) und dem oberen Rand der ganzen Positionsgruppe, in der sich das Element befindet, bestimmt. Das Element wird am nächsten übergeordneten Element, das für position einen anderen Wert als static besitzt, ausgerichtet. Ist ein solches nicht vorhanden, wird es am body-Element ausgerichtet.

Wird die Positionierung nach dem body-Element berechnet, wird das positionierte Element in Internet Explorer für Windows, Netscape 6 und Mozilla relativ zum oberen Rand des Browserfensters (in nicht gescrolltem Zustand) positioniert, und nicht, wie in der CSS-Spezifikation vorgesehen, relativ zum oberen Rand des ganzen Dokuments. Der Internet Explorer 5 für Macintosh führt die an body ausgerichtete Positionierung korrekt durch.

Bei Elementen, die mit dem Wert relative positioniert sind, bewirkt top eine relative Verschiebung des Elements von der Position, an der es ohne CSS-Positionierung dargestellt werden würde. Ein Wert von 10px verschiebt das Element zum Beispiel um 10 Pixel nach unten, ein Wert von -10px nach oben.

Vererbt: nein

Siehe auch: position, bottom, left, right

Werte

Eine CSS-Maßangabe, ein Prozentwert von der Höhe des übergeordneten Elements oder die Konstante auto. Die Konstante auto weist den Browser an, die Position selbst zu bestimmen, andere Variablen wie Größe und Position werden dabei berücksichtigt.

Standardwert: auto

Kompatibilität

CSS-Version: 2

Funktioniert in allen CSS-fähigen Browsern, einschließlich Internet Explorer ab Version 4, Netscape ab Version 4 und Mozilla.

Beispiel

Folgende Stilregel positioniert das Element mit der ID menue zehn Pixel vom Oberrand des Browserfensters entfernt:

#menue {
 position: absolute;
 top: 10px;
}

  

<< zurück vor >>

 

 

 

Tipp der data2type-Redaktion:
Zum Thema CSS bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an:

Copyright © 2006 der deutschen Übersetzung dpunkt.verlag GmbH
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.

dpunkt.verlag GmbH, Ringstraße 19, 69115 Heidelberg