PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
H

div verticaal centreren?

Door Harmen op 16-10-2006 18:59
1.440 views
Hi all,
ik probeer een div helemaal in het midden van het scherm te krijgen maar dat lukt niet. Met helemaal bedoel ik dat de hele div zowel horizontaal als verticaal is gecentreerd. Ik had ergens gelezen van een div om de div gooien en dan op de eerst div vertical-align op middle zetten en dan "gewoon" de display op table-cell.. Maar het werkt niet. zie [url =http://www.jakpsatweb.cz/css/css-vertical-center-solution.html] hier[/url]

Weet iemand hoe je een div verticaal en horizontaal centreerd?
R
Raymond ---
16-10-2006 19:08
probeer eens:

margin-top: auto;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;


in je CSS voor die div te zetten.
H
Harmen
16-10-2006 19:09
even proberen..

[edit] geen verschil :S, ik zoek intussen wel ff wat verder rond op Google
P
PHP Newbie
16-10-2006 19:19
Hier had Jan nog een mooie site voor. PM hem even.
H
Harmen
16-10-2006 19:27
of gewoon wachten tot hij online komt.. duurt evenlang he ;)
K
Kalle P
16-10-2006 19:46
het kan met vertical-center, maar dan moet je je div wel als een table zetten of je doet het met negatieve margins.

Zie google of div centreren op phpfreaks.nl
H
Harmen
16-10-2006 20:11
aah, precies wat ik zoek!!
L
Lasse
16-10-2006 21:27
Ik weet niet of het de bedoeling is dat ik het hier bij in plaats, maar ik heb hier ook een vraag over:

Ik wil ook een div'je verticaal centreren, maar die heeft een 'variabele' hoogte. Dus de ene keer is hij bv 100px hoog en de andere keer 200px.
Weet iemand ook hoe ik dat verticaal moet centreren?

Reageren

Inloggen om te reageren