19 Nov, 2008
Vertikaal en horizontaal centreren
Categoriën: centreren |crossbrowser |solution |valid
Om een element vertikaal te centreren kan je volgende handige code gebruiken, let wel op dat het element een hoogte en een breedte moet hebben.
Er wordt vanuit gegaan dat dit is ten opzichte van ofwel de body (die zich relative bevind), ofwel een parent element die dan de CSS eigenschap position: relative heeft:
HTML
<div id="center">lorem ipsum enzo</div>
CSS
#center{
width:100px;
height:100px;
position:absolute;
top:50%;
left:50%;
margin-top:-50px;
margin-left:-50px;
}