Webdesign – Cascading Stylesheets
Hintergrundbild positionieren

Hintergrundbilder ___

Hintergrundbilder auf Webseiten ermöglichen weit mehr als beispielsweise ein vollflächiges Kachelmuster. So lassen sich auch kleine Grafiken an festgelegten Punkten des Browsers positionieren, etwa recht unten oder links oben. Dank CSS spielt dabei die Größe des Browserfensters keine Rolle. Im folgenden Beispiel positionieren Sie die Grafik logo.gif rechts unten im Browserfenster, die Hintergrundfarbe der Webseite ist Schwarz:

Für eine Positionierung der Grafik als Hintergrund links oben würde das Ganze wie folgt lauten: Ebenso können Sie auch Prozentwerte verwenden, die eine sehr genaue Positionierung ermöglichen. Rechts oben entspricht dabei »100% 0%«, oben mittig wäre »50% 0%«, mittig auf der Seite sind »50% 50%« und so weiter.