2012-03-25 16 views
1

Ich mache eine Website mit einem Hintergrundbild auf jeder Seite. Das Bild ist in Chrome, Safari, Firefox zentriert ... Aber es wird nicht in IE 9 zentrieren (nicht sicher über die anderen Versionen von IE).Hintergrundbild wird nicht in IE 9 zentrieren

Hier ist die CSS:

#page { 
    background-image: url(images/mountain2.jpg); 
    text-align: center; 
    margin-top: -50px; 
    margin-right: auto; 
    margin-left: auto; 
    background-repeat: no-repeat; 
    background-color: #6C86FF; 
    width:1292; 
    height:972; 
} 

(#page ist der div-Tag für die gesamte Website.)

Hilfe wird sehr geschätzt. =)

+1

Denken Sie daran, Einheiten hinzuzufügen (außer der Wert ist "0"). Ihre "Breite" und "Höhe" fehlen ihnen. –

Antwort

1

Haben Sie versucht Einstellung background-position: center center;?

+0

Vielen Dank! Das hat super funktioniert. Und danke nmagerko für die Einheiten. Ich habe diese vergessen. –

0

Ich denke, Sie sollten einen Blick auf die specs concerning Background, vor allem die Hintergrund-Position-Eigenschaft.

+0

Sehr gute Idee. Ich habe dort nachgesehen, und ich habe ein besseres Verständnis für die Art von CSS-Elementen, die ich zum Hintergrund hinzufügen kann. Vielen Dank! –