Webseite und das Hintergrundbild im Browser mit CSS zentrieren

DruckversionPDF version

Standardmäßig wiederholt sich ein Hintergrundbild, solange der Platz reicht - Sie können dies unterbinden mit no-repeat.

Sie können mit der background Angabe im Stylesheet Hintergründe innerhalb eines Containers oder innerhalb des body - Browserfensters beliebig positionieren - allerdings funktioniert dies nur, wenn Sie no-repeat angegeben haben.  Hintergründe mit repeat können Sie lediglich zentrieren.

Beispiel: Zentrierte Webseite (body {margin:auto;} ) mit Hintergrund (no-repeat) und Abstand oben vom Browserfenster:

Mit CSS3 können Sie das Hintergrundbild mit variabler Größe anzeigen - entsprechend der Größe des Bildschirms/Browserfensters.

Beispiel: Hintergrundbild in voller Browsergröße.

rhein-main-experten.de wird überprüft von der Initiative-S