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>

Elwin was me voor ;) ok dankje:)
Klopt die staat voor alle elementen. Tegenwoordig gebruik ik hem trouwens nog maar zelden. Vroeger zette ik vaak de padding en de margin van alle elementen op nul op die manier, maar daarna kun je alle marges en padding van bijvoorbeeld formulierelementen zelf gaan instellen.

Reageren