Fuchsrohre

Which style sheet element do you modify to verticlly align a table to the centre of the browser window ?

I know IE will accept it if you cheat like this (but its not compliant code):

<table width=100% height="*">
<tr> <td> table 1 </td> </tr>
</table>

<table width=100% height=400>
<tr> <td> table 2 </td> </tr>
</table>

<table width=100% height="*">
<tr> <td> table 3 </td> </tr>
</table>

I want a universal method which means altering the style sheet, so that it works in all compliant browsers. Which element do I change ?

eg. if I do this in a style sheet it DOESN'T WORK:

table.top {
height: 25%;
}

table.middle {
height: 50%;
}

table.bottom {
height: 25%;
}

Fuchsrohre

ok, I've checked this out and it turns out y code is correct and the table is actually setting itself correctly - however the table is constrained by whatever setting the BODY and HTML tags have been set to.

Adding the following to the style sheet did the trick

html, body {
height: 100%;
}