Wie kann ich ein Hintergrundbild mit CSS in einem div zentrieren?
Ich würde gerne ein Bild in einem div zentrieren (horizontal und vertikal):
div#test {
width: 100%;
height: 100%;
background-position:center;
background-image:url(test.jpg) no-repeat;
}
Das CSS sollte eigentlich syntaktisch korrekt sein, trotzdem funktioniert es nicht wie gewünscht:
- Wie mache ich das div Element auf die 100% Höhe des Browserfensters?
- Wie zeige ich in dem div ein background image, horizontal und vertikal zentriert?