Tabellenlayout mit width=100%

[Rollmops]

Hallo,

ich tüftle gerade an einer Seite mit Tabellenlayout. Ich hätte gerne 2 Spalten (1xNavigation udn 1x Content) und 3 Zeilen (1xHeader, 1xContent und 1xFooter).

Die Navigation soll 200px breit sein und der Content den Rest einnehmen, kein Problem, funzt perfekt.

Header und Footer sollen jeweils 50px hoch ein und Navigation bzw. Content sollen den Rest einnehmen: im Firefox kein Problem, aber im Internet Explorer funktioniert es nicht. Der teilt die Höhe irgendwie proportional auf die 3 Zeilen auf anstatt die vorgegebenen Höhen umzustezen.

Hat irgendwer eine Idee wie man dem IE beibringen könnte sich hier gleich wie der Firefox zu verhalten?

Hier der Code der Tabelle:

<table style="height: 100%; width:100%" border="1">
 <colgroup>
  <col width="200px">
  <col width="*">
 </colgroup>
 <tr style="height:50px;">
  <td>test</td>
  <td>test</td>
 </tr>
 <tr>
  <td>test</td>
  <td>test</td>
 </tr>
 <tr style="height:50px;">
  <td>test</td>
  <td>test</td>
 </tr>
</table>

Besten Dank für eure Hilfe
lg
Rollmops