category css

Container DIV in het midden zetten met css

0

Toen ik nog maar klein een beetje bekend ben met css heb ik me altijd afgevraagd hoe ik een website nou in het midden van de pagina kon krijgen.

Voor sommige mensen is dat een makkie, maar als je het niet weet kan dit handig zijn.

01. HTML

Maak eerst een container DIV aan. Dit is de DIV die om alles heen zit.


<div id="container">
<div id="header">HEADER</div>
<div id="content">CONTENT</div>
<div id="footer">FOOTER</div>
</div>

02. CSS

Geef de container DIV een vaste breedte en margin in je css.


#container {
width: 800px; background: #333;
margin: 0 auto 0 auto;
/* margin zet de hele container in het midden */
}

  1. No Comments

    Er zijn nog geen comments geplaats. Wees de eerste!