Bekomme Seite nicht ganz zentriert!

[Niklas1812]

Hallo,

Ich habe ein kleines Problem ich habe eine Seite nur aus HTML und Css nur ich bekomme es nicht hin die Seite zu zentrieren die Seite ist ein paar px mehr rechts.

Ich dachte den Fehler müsste ich schnell finden doch ich finde ihn einfach nicht ich weiß auchnicht was los ist ;(

hier der Css Teil

body {
background-color: #F90;
color: #000;
text-align: center;
padding: 0;
margin: 0 auto;
font: 25px Arial;
}
#wrapper {
width: 950px;
margin: 30px auto;
}
p {
color: #000000;
margin:0 auto;
}
a:link { 
color: #000000;
text-decoration:none;
}
a:active {
color: #000000;
text-decoration:none;
}
a:visited {
color: #000000;
text-decoration:none;
}
a:hover {
color: #000000;
text-decoration:none;
}
#schrift {  
width: 950px;
font-size: 50px;
border-style: solid ;
border-color: black ;
border-width:  8px 8px 8px 8px ;
background: #1D9BD8;
padding: 10px 0px 10px 0px ;
margin:0 auto;
}
#schrift2 {    
font-size: 20px;
width: 950px;
border-style: solid ;
border-color: black;
border-width: 0px 8px 8px 8px ;
background: #1D9BD8;
padding: 10px 0px 10px 0px ;
margin:0 auto;
}
#schrift3 {    
font-size: 25px;
width: 950px;
border-style: solid ;
border-color: black;
border-width: 0px 8px 8px 8px ;
background: #1D9BD8;
padding: 4px 0px 4px 0px;
margin:0 auto;
}
#impressum {
 margin: 25px 0;
 font-size: 15px;
}
a.minibutton, a.votedbutton {
 position: relative;
 font-size: 25px;
 border: none;
}

Ist da irgentwo der Fehler?

Gruß Niklas

 

[claW.]

lass padding und margin beim body mal weg bzw. setz sie einfach auf 0. das einzige was margin: 0px auto; besitzen darf, ist der eigentliche container (in dem falle #wrapper). und was bringt dir der margin beim absatz? p ist ein block-element und nutzt die gesamte breite, nutzt hier also nix. oder was willst du machen?

sonst sticht mir grad nichts ins auge.

 

[PuppetMaster]

Das margin: 0 auto; im body ist überflüssig, da Elemente ohne Breitenangabe nicht zentriert werden können. Die Zentrierung hast du aber ja über die Unterelemente gelöst, welche Breite und Zentrierung haben. (Wenn sich <p>, #schrift usw. innerhalb von #wrapper befinden sollen, sind Zentrierung und Breite dort übrigens auch doppelt/überflüssig.)

Wenn ich deinen Code in ne Minimalseite einbaue funtioniert es ansonsten einwandfrei. Ohne zusätzliches HTML wirds schwer das Problem einzugrenzen.

 

[Niklas1812]

Habs hinbekommen ...

Gruß Niklas