Start Bilder & Farben
 
 
 

Sprache

Lexika
 
Hintergrundbilder zentrieren mit CSS PDF Drucken E-Mail

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.

Wollen Sie mit repeat arbeiten, müssen Sie den Hintergrund innerhalb eines zusätzlichen Container mit der gewünschten Größe und Positionierung angeben.

 

 

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

 

Beispiel: Zentrierter Webseite und zentrierter Hintergrund mit repeat