[CSS] Container wil niet centreren

[Jazzle]

Ik ben bezig aan een wordpress theme, waarbij ik wil dat de site in het midden van het scherm komt.
Normaal gesproken doe ik dit met

code:

margin-right: auto;
margin-left: auto;

Maar tot mijn verbazing wil dat deze keer niet. De website waar het om gaat: klik, ik heb een div om de gehele website heen gezet en deze de volgende css gegeven:

code:

#contentcontainer {
    background-color: #FFFFFF;
    width: 854px;
    margin-left: auto;
    margin-right: auto;
}

op deze manier krijg ik netjes de website in een wit kader zoals ik wil, maar op de een of andere manier wordt hij niet gecentreerd. Ik heb gebruikgemaakt van een bestaand theme en dat aangepast dus hoe hij precies in elkaar zit weet ik niet. de css kan je op 2 plaatsen vinden, de eerste heb ik niet aangepast, en de tweede die ik wel heb aangepast.

Mischien weet iemand wat ik fout doe?

[Bitage]

Werkt bij mij in FF wel normaal, maar in IE7 niet Misschien een IE-only bug?

[RaZ]

Cascading Stylesheet:

html, body {
  text-align:center;
}
#contentcontainer {
    background-color: #FFFFFF;
    width: 854px;
    margin-left: auto;
    margin-right: auto;
}

[Xelle]

RaZ schreef op maandag 08 oktober 2007 @ 23:08:

Cascading Stylesheet:

html, body {
  text-align:center;
}
#contentcontainer {
    background-color: #FFFFFF;
    width: 854px;
    margin-left: auto;
    margin-right: auto;
}

En dan volgens mij nog een text-align: left; voor #contentcontainer?
Anders gaat de tekst van #contentcontainer in het midden staan lijkt mij.

Dus dit:

Cascading Stylesheet:

html, body {
  text-align:center;
}
#contentcontainer {
    background-color: #FFFFFF;
    width: 854px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

[Verwijderd]

Je duwt IE in Quirksmode, dan heb je idd die extra text-align nodig. (Is sowieso verstandig voor gebruikers van de oudere IE's)

[crisp]

quirksmode

Haal die HTML comment voor de DTD eens weg...

[ Voor 79% gewijzigd door crisp op 09-10-2007 08:12 ]

[Verwijderd]

crisp schreef op dinsdag 09 oktober 2007 @ 08:11:
quirksmode

Haal die HTML comment voor de DTD eens weg...

quirksMode

[Jazzle]

Jup, het lag inderdaad aan de html comment, dat is het nadeel van het gebruiken van bestaande themes, je ziet gauw iets over het hoofd.

[Jazzle]

Nog 2 problemen resterend:
1. de kleine ruimte tussen de footer links
2. de grote ruimte tussen de content en de rechterkant.

Ik heb me rotgezocht, maar kan nergens vinden waarom dat zo is in de css.

Edit: oeps, dubbelpost, excuses

[ Voor 7% gewijzigd door Jazzle op 09-10-2007 08:58 ]

[torx]

Probeer dit eens in je css?

Cascading Stylesheet:

#content .style_content {
    width: 770px;
    padding: 20px 40px 0px;
}


#footer .style_content {
    width: 854px;
    padding: 40px 0px 0px;
}

[Jazzle]

RandomT schreef op dinsdag 09 oktober 2007 @ 10:48:
Probeer dit eens in je css?

Cascading Stylesheet:

#content .style_content {
    width: 770px;
    padding: 20px 40px 0px;
}


#footer .style_content {
    width: 854px;
    padding: 40px 0px 0px;
}

Ja werkt prima hardstikke bedankt