HTML: Tabel

Ingen der kan hjælpe her? :(

nu er jeg ingen haj til html, der er sikkert en mere prof måde at gøre det på, men indtil og hvis der kommer en der ved mere....
hvis du i den nederste grønne tabel skriver height:500px istedet for height:100% fylder det resten ud i den opløsning jeg kører med.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Test</title>
<meta name="Generator" content="Stone's WebWriter 4">
    <link rel="stylesheet" href="style.css" type="text/css">       
</head>

<body style="padding:0px; margin:0px; height:100%;">

<table cellspacing="0" cellpadding="0" style="width:100%;height:100%;">
    <tr style="vertical-align:top;">
        <td style="text-align:center;height:200px;background-color:#ff0000;">RØD</td>
    </tr>
    <tr style="vertical-align:top;">
        <td style="text-align:center;height:200px;background-color:#fff000;">GUL</td>
    </tr>
    <tr style="vertical-align:top;">
        <td style="text-align:center;height:100%;background-color:#00ff00;">GRØN</td>
    </tr>
</table>

</body>

</head>
</html>

kfisker >>

Måske virker din kode på IE, men den virker i hvert fald ikke på Firefox :(

Håber der er andre som har en god ide :)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  <html>
    <head>
      <title>Test</title>

      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

      <style type="text/css"><!--
        html, body {height:100%; width:100%; margin:0px; padding:0px; color:#000000; background-color:#ff0000;}
        body > #groen {height:auto; min-height:100%;}
        #groen {position:relative; width:100%; height:100%; text-align:center; color:inherit; background-color:#00ff00;}
        #roed {position:relative; width:100%; height:200px; color:#inherit; background-color:#ff0000;}
        #gul {position:relative; width:100%; height:200px; color:#inherit; background-color:#ffff00;}
      --></style>
    </head>

    <body>

      <div id="groen">
        <div id="roed">
          RØD
        </div>

        <div id="gul">
          GUL
        </div>

        GRØN
      </div>

    </body>
  </html>

Det er desværre nødt til at være i en tabel :(

Hvad da?

.lukker