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;
}

Gerelateerde Snippets

Geen reacties op "Vertikaal en horizontaal centreren"

Reactie formulier


Demo: Vertikaal en horizontaal centreren:

Advertenties

Volgende nieuwe Snippet:

  • Momenteel niks gepland.