Zentriertes Hintergrundbild

Normalerweise wird ein Hintergrundbild im Body-Tag in die Webseite eingebunden:
<BODY background="background.jpg">
Dabei ist aber keine Platzierung möglich.
Die Graphik wird über die komplette Webseite gekachelt dargestellt.


Mit Cascading Style Sheets (CSS) ist es möglich,
ein Hintergrundbild in der Mitte der Webseite anzuordnen:
BODY { background:#ffffff url(Abend.jpg) no-repeat center; }
Für die Zentrierung wird nur die verwendete Höhe im Body berücksichtigt,
wenn man nicht mit CSS im Body-Abschnitt zusätzlich die Höhe auf 100% setzt.
BODY { height:100%; }
Alternativ kann man das Bild als Image-Tag mit CSS auch absolut positionieren.
Abendrot
Weiterhin ist mit CSS auch eine senkrechte Schreibrichtung möglich.