Css Centreren?

Hoe centreer ik met css?

Dit is mijn code:

body {
    background:#dbe7e8;
    width:100%;
    margin:0px; padding:0px;
}

#main {
    background:url(../images/bg.jpg) repeat-x;
    height:200px;
    width:100px;
}

#container {
width:1000px;  (breedte layout)
margin:0 auto;}

Nu staat hij alleen wel een beetje van de zijkanten af.

Heb je het ook in de html veranderd?

Patricka schreef:

Heb je het ook in de html veranderd?

Heb gewoon #main gehouden. Maar dat maakt toch niet uit

Heb je de lay-out in de main staan dan, in de html en css?

Ja tuurlijk

body {
    background:#dbe7e8;
}

#main {
    background:url(../images/bg.jpg) repeat-x;
    height:200px;
    width:100%;
    margin:0 auto; padding:0 auto;
}

<body>
<div id="main">
</div>
</body>

Haal die padding eens weg

Maakt geen verschil

Maak het eens apart, dus de main en container apart.

Die container maakt geen verschil.

Als ik in de body 100% zet, dan is hij aan de rechter kant goed maar boven en links niet.

Je veranderd width naar 100% doe dit eens in de breedte van je layout..
En als dat niet lukt, dan iets hoger of lager

Patricka schreef:

Je veranderd width naar 100% doe dit eens in de breedte van je layout..
En als dat niet lukt, dan iets hoger of lager

Ik heb de breedte gedaan.

En wat zie je nu?

Het is gelukt. Ik heb: margin:0 auto; in de body gezet.
Bedankt!!