Hoe kan het dat als ik in de css
margin:0 auto;[/cod] doe dat de content niet in het midden van de browser komt? Ook heb ik in de css dit: [code]body{ margin:0;}

dat doe ik om te zorgen dat de bovenkant gelijkt loopt met de top van de browser.

Dus mijn vraag: hoe kan het dat de div niet in het midden komt?
Is de box waarin je div staat wel 100% breed?
En is de div die het element dat je wilt centreren < 100% breed?

body{
	background-color:#E3E3E3;
	font: 12px "Trebuchet MS", "Lucida Sans unicode", Arial, Helvetica, sans-serif, courier;
	color:#003;
}
#container{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}


Dat is de css voor dat stukje.
P.s is alleen bij IE, Safari & FF niet
Voor IE kan je nog de truck met text-align toepassen, maar ik dacht dat dat alleen in IE 5.5 werkt.

body {
text-align: center;
/* En al je andere eigenschappen */
}

#container {
text-align: left;
/* En al je andere eigenschappen */
}


Verder zie ik zo snel niets fout in je code. Is je viewport wel > 1000px? Als eens geprobeerd het wat smaller te maken?
jup

Bedankt!
probeer het anders eens met margin-left: auto; margin-right: auto;
Stefan schreef op 08.12.2009 15:44
probeer het anders eens met margin-left: auto; margin-right: auto;
Dat zal niet veel uitmaken, want de TS heeft dat al, maar dan in verkorte versie: margin: 0 auto;.

[Edit: Typo]

Reageren