Ik wil een div centreren in het midden van de pagina.
Ik heb wat gevonden maar ik weet niet of het goed is en of er een betere en nettere manier is. Weet iemand dat? Hier is mijne:


#container { 
width:100%; 
top:50%; 
left:0; 
position:absolute; 
} 
#wrapper { 
border: 1px solid #000000;
width:700px; 
height: 500px;
top:-100px; 
left:50%; 
margin-left:-350px; 
position:absolute; 
} 



<body>
<div id="container"> 
<div id="wrapper"> 
Je gecentreerde content 
</div> 
</div> 
</body>

Voeg dit toe: margin: auto; aan #container

Moet je wel die width: 100%; kleiner maken anders werkt het niet

O ja dit is alleen maar voor horizontaal te centreren

GR. mebus
Oke maar ik wil niet alleen horizontaal.. hoe werkt het dan?
Jan koehoorn had hier eens een voorbeeldje voor gemaakt moet je ff aan hem vragen of wachten tot ie online komt.. Je ken ook ff zoeken op topics met de naam "Verticaal centreren"

GR. mebus
Bedankt man! Ja jij kan er wat van. :) De echte css master ;) weet altijd de oplossing.
@Jan,, krijg je soms een emailtje als je naam word genoemd in een topic ofzo?:p Je bent er altijd op de juiste momenten:D:p

GR. mebus
Jan waar staat in jouw script dat sterretje voor?:

		* {
			margin: 0px;
			padding: 0px;
		}
weet neit... miss body? / hele pagina?
body iedergeval niet want als ik de * verander naar body gaat hij fout.
Hele pagina = body toch?

Reageren