Wo liegt hier der Fehler?

[webmika]

Hey Leute,
Ich versuche vergeblich über einem Hintergrundbild einen Inhaltsbereich zu definieren. Ich weiß einfach nicht wo der Fehler liegt... Der Contentbereicht ist zwar schön in der Mitte und fängt oben an, aber das Hintergrundbild hat von oben nach unten einen Abstand von 200px. Was ist an dem Code falsch?
Danke im voraus. LG

CSS:
body {
background-color:black;
margin: 0 auto;
padding: 0px;
text-algin: center;
}

#hintergrundbild {
background-image:url(images/hintergrundheader.png);
background-repeat:no-repeat;
margin: 0;
background-position:center;
}


#inhalt {
background-color:white;
width: 900px;
height: 1000px;
margin: 0px auto;
padding-top: 00px;

}



HTML:

<div id="hintergrundbild">

<div id="inhalt">
</div>
</div>

 

[prm]

Vermutlich hier, da damit eine vertikale Zentrierung erfolgt:

#hintergrundbild {
background-image:url(images/hintergrundheader.png);
background-repeat:no-repeat;
margin: 0;
background-position:center;
}

 

[webmika]

Hey,
Danke für deine Antwort. Da hast du tatsächlich recht.. Nur muss das Hintergrundbild leider zentriert sein. Was kann ich da machen?

LG

 

[prm]

Versuch's mal so:

background-position:center 0;

background-position: Hintergrund positionieren: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

 

[webmika]

WOW Dankeschön! Sitze da jetzt schon eine Stunde dran. Dabei fehlt nur eine 0 :)... Warum kommt die 0 eig. dahin wenn ich fragen darf? Also was heißt das genau?

LG

 

[prm]

siehe den zuvor geposteten Link:
erste Angabe= horizontal, zweite = vertikal