Divider exact in het midden v/d pagina

JochemBr · 11 jul 2013

Ha forum...
Ik ben bezig met een nieuwe website, en op de login pagina wil ik zoiets

maken. De 'login divider' moet, zoals op de tekening liefst precies in het midden staan. Ik dacht dat dit met css ging. Kan iemand mij het uitleggen?

Estel · 11 jul 2013

Zoiets?

Code:

P { text-align: center }
H2 { text-align: center }

JochemBr · 12 jul 2013

Nou, ik kan de tékst wel centreren, maar die div(ider) niet!

Estel · 12 jul 2013

Misschien kun je hier dan wat mee

Code:

 ...
<body>

<div id="main">
hier alle inhoud van de pagina
</div>

</body>
</html>

Code:

body {
text-align: center;
}

#main {
width: 720px;
margin: 0 auto;
text-align: left;
}

Dat is volgens mij om de hele pagina te centreren, anders moet je hier misschien even kijken.

JochemBr · 12 jul 2013

Thanks... Het is gelukt!
i.p.v.

Code:

body {
text-align: center;
}

#main {
width: 720px;
margin: 0 auto;
text-align: left;
}

had ik

Code:

body {
text-align: center;
}

#main {
width: 720px;
margin: 10% auto;
text-align: left;
}

gedaan. Zo was de divider ook verticaal gecentreerd

Wij waarderen jouw privacy