logohintz4
Hintergrundbilder positionieren

Hintergrundbild positionieren                                                                                    Zurück

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 rechts unten oder links oben.
Dank CSS spielt dabei die Grösse des Browserfensters keine Rolle.

Im folgenden Beispiel positionieren Sie die Grafik "logo.gif", die sich im Verzeichnis "images" befindet, unten zentriert im Browserfenster, die Hintergrundfarbe der Webseite ist Gelb:

<body style="background-Image: url(images/logo.gif);background-color:yellow;
background-repeat:no-repeat; background-position:bottom center">

Für "background-position" stehen Ihnen folgende Optionen zur Verfügung:

top = vertikal oben bündig
middle = vertikal mittig
bottom = vertikal unten bündig
center = horizontal Zentriert
left = horizontal linksbündig
right = horizontal rechtsbündig

Als Farbe können auch Hex-Werte angegeben werden.