Hoe krijg ik een div precies in het midden van de pagina?

Bij tabellen zou ik de tabel 100% breed & hoog doen,
daarna valign="middle" en align="center"
als ik daar iets in prop komt het precies in het midde

Maar hoe doe je dit met div's?
CSS:

#divid {
   margin: 0 auto;
}
Jelmer, nu staat hij alleen tegen de bovenkant aan.
Maar met
#divid {
margin:auto auto;
}
werkt het misschien wel, maar je moet sowieso dan wel de hoogte en breedte opgeven.
Om precies te zijn:

#divid {
    margin: 0px auto;
    width: 800px;
}

is de minimale CSS die je nodig hebt.
Dat centreren had ik al.
maar nog niet het verticale centreren.

Ik ga even jullie manieren toepassen.

Edit:
Het is niet gelukt.
De pagina staat nu nog steeds tegen de bovenkant.

(Ik heb een div container met daarin alle delen van de pagina/site
Maar die wil ik precies in het midden.)
je kunt natuurlijk ook gewoon de div in een tabel zetten, dat vond ik toen de makkelijkste oplossing.

zie ook www.foto-wijn.nl
je kunt natuurlijk ook gewoon de div in een tabel zetten, dat vond ik toen de makkelijkste oplossing.

Dat inderdaad mogenlijk maar ik wil eens volledig div/css proberen :P

@Kalle
Bedankt ik ga het proberen :D

Edit:
In IE in eerste opzicht goed, maar als je dan de grote van maximaal, naar 'kleiner venster' dan verandert het scherm niet direct (pas na een refresh).
FF past zich wel meteen aan.

IE bugje denk ik, weet niet of daar iets aan te doen is.

In FF staat de site niet precies in het midde (op grote resolutie is dit heel erg opvallend)
IE et een wel precies in het midden

Reageren