div verticaal centreren

Deze mogelijkheden zijn er, dus dan zou je het eens met middle moeten proberen :)

sub
super
top
text-top
middle
bottom
text-bottom
length
%

#container
{
top: 50%
margin-top: -500px;
}

De margin is de helft van de hoogte van de div.. dus als die bv 1000px is moet de margin -500 zijn ;)

voorbeeld:

http://www.worldofzelda.com/error.php?fout=url

Ik heb wat gevonden en het werkt perfect. Het komt een beetje op het zelfde neer als Leo:

#container
{
	position:absolute;
	top:25%;
	left:15%;
	width:70%;
	height:50%;
	border:5px #000 solid;
}

Ok, fijn dat het werkt :) alleen is top: 25% toch minder precies als mijn oplossing.. (je kan mijn css wel bestuderen)

hmm...werkt inderdaad alleen maar in FF. In IE kun je de hoogte van een div niet opgeven in procenten. Hoe los ik het dan op?

Zie ook dit artiekel op phpfreakz

vertical-align:middle;
Werkt alleen in tabellen e.d. iig niet in div.
Wat dacht ik ook in dat artikel van phpfreakz staat is dat negatieve margins er voor zorgen dat als je gaat minimaliseren dat dan de buitenkanten van je div verdwijnen.

Wat ik als oplossing heb voor een verticale-align is dat je een tabel verticaal centreert mbv vertical-algin. En in die tabel zet je dan je div. Perfecte oplossing.

@Kalle

Lees het einde van het artikel even, er is een oplossing voor om te voorkomen dat de buitenkanten van de div verdwijnen ;)

Idd, het kan prima zonder een tabel.

.divnaam
{
  margin-left:auto;
  margin-right:auto;
}

Verticaal zal dit ook wel lukken denk ik.