Chris: 2 Tabellen in einer großen ausrichten

Beitrag lesen

Hi :)

Ich habe eine Tabelle mit 100% x 100%, da drin sind 3 Tabellen, die mittlere soll 500px hoch sein, die beiden anderen sollen den leeren Raum ausfüllen.

Code:
------------------------------------------------------------
<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td align="center" valign="middle"> <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
        <tr>
          <td>&nbsp;</td>
        </tr>
      </table>
      <table width="100%" height="400" border="0" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC">
        <tr>
          <td>&nbsp;</td>
        </tr>
      </table>
      <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">
        <tr>
          <td>&nbsp;</td>
        </tr>
      </table></td>
  </tr>
</table>
</body>
------------------------------------------------------------

Wie schaffe ich es denn, dass die beiden schwarzen Tabellen den leeren Raum auffüllen?