• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Hintergrundbild in "body" vertikal mittig setzen?

Status
Für weitere Antworten geschlossen.

snooze7

Neues Mitglied
Hallo,

wie oben beschrieben klappt das mittig setzen meines Hintergrundbilds nicht. Was mache ich falsch.

Meine Codezeile:
body { background-image: url(../images/vfth_hintergrund.jpg); background-repeat: no-repeat; background-position: 50% 50%; position: absolute; }

Meine zweite Variante:
body { background-image: url(../images/vfth_hintergrund.jpg); background-repeat: no-repeat; background-position: center; position: absolute; }

--> das Bild bleibt zwar horizontal variabel, hängt aber vertikal zur Hälfte fest. Normalerweise löse ich das Problem in div, dass ich einfach margin-top: *Hälfte der Bildhöhe nehme, aber das geht ja bei einem body nicht... oder?!


Gruß und schon mal Danke.



Hab auch hier schon geschaut, aber die positionierung "center center" löst einen syntax error aus.
http://www.html.de/html-und-xhtml/3797-hintergrundbild.html
 
Versuchs mal so:
Code:
body {
  background: #FFF url('../images/vfth_hintergrund.jpg') no-repeat center;
}
#FFF durch eine entsprechende Farbe ersetzen.

Geht bei mir zumindest immer ;)
 
s

Hallo,

nee sry. das klappt nicht. Die Grafik hängt immernoch oben fest.

Ich hab noch ein * deklariert:
* { border: none; padding: 0; margin: 0; }

Aber daran kann es eigentlich nicht liegen oder?
 
Habs gelöst:

body { background-image: url(../images/vfth_hintergrund.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center; }

Das "fixed" musste noch definiert werden.
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben