Tabellen moet je niet vertikaal centreren, daar zijn tabellen niet voor bedoeld. Tabellen zijn er om data gestructureerd weer te geven. Dat je met een tabel vertikaal kúnt centreren, wil nog niet zeggen dat je hem daarvoor moet gebruiken.
Met CSS kun je iets vertikaal centreren, het werkt alleen in de wat nieuwere browsers, denk aan Mozilla, IE5+, NS6+.
code:
1
2
3
4
5
6
| .vcenter {
position: absolute;
top: 50%;
height: 400px;
margin-top: -200px;
} |
Belangrijk is dat de margin-top gelijk is aan -1/2 maal de hoogte van je element. Als je beter wilt begrijpen hoe dit truuckje werkt, dan moet je eens de regel met margin-top weglaten.