bottom

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

Mit der Eigenschaft bottom wird der Abstand zwischen dem unteren 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 unteren 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 unteren Rand des Browserfensters (in nicht gescrolltem Zustand) positioniert, und nicht, wie in der CSS-Spezifikation vorgesehen, relativ zum unteren 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 bottom eine relative Verschiebung des Elements zu der Position, in der es ohne CSS-Positionierung dargestellt werden würde. Ein Wert von 10px verschiebt das Element zum Beispiel um 10 Pixel nach oben, ein Wert von -10px nach unten.

Vererbt: nein

Siehe auch: position, left, top und right

Werte

Eine CSS-Maßangabe, ein Prozentwert oder die Konstante auto. Prozentwerte basieren auf der Höhe des übergeordneten Elements. 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 Internet Explorer ab Version 5, Netscape ab Version 6 und allen Mozilla-Versionen.

Der gleiche Effekt kann auch mit der Eigenschaft top erzielt werden. Da top durch mehr Browser unterstützt wird als bottom, wird der Einsatz dieser Eigenschaft empfohlen.

Beispiel

Folgende Stilregel positioniert das HTML-Element mit der ID menue am unteren Rand des Browserfensters beziehungsweise im Internet Explorer für Macintosh am Fuß des Dokuments: