maximale höhe eines TDs festlegen

[garv3]

Hallo,

ich versuche folgendes zu realisieren:
Ich möchte eine Tabelle realisieren, die in der Höhe nicht über den unteren Fensterrand hinaus geht.
Ich möchte, dass die Tabelle nicht größer als der verfübare Platz im Browserfenster ist. Falls der Inhalt zu hoch sein sollte, soll dies mit einem <div overflow="auto"> abgefangen werden (siehe -->).
Wie bekomme ich das nun hin?

Wäre für jede Hilfe dankbar!

Hier der Code:

  
 <table border="0" cellpadding="0" cellspacing="0">  
  <tr valign="top">  
li-> <td id="links">  
    <table border="0" cellpadding="0" cellspacing="0">  
  
     <tr valign="top">  
      <td>  
       <table border="0" cellpadding="0" cellspacing="0" width="333" valign="middle"><tr>  
       <td style="width:17px; height:11px;"><img src="/img/layout/borders/blue_border_left_upper.gif" /></td>  
       <td style="height:11px;" background="/img/layout/borders/blue_border_top.gif"><img src="/img/layout/blank.gif" /></td>  
       <td style="width:17px; height:11px;"><img src="/img/layout/borders/blue_border_right_upper.gif" /></td>  
       </tr>  
       <tr>  
       <td style="width:11px;" background="/img/layout/borders/blue_border_left.gif"><img src="/img/layout/blank.gif" /></td>  
  
       <td bgcolor="#8080ff" align="left" valign="middle">       <center><b>Meine Freunde:</b></center><BR>  
-->      <div border="0" height="0" height="100%" style="overflow:auto;">  
-->       ...  
-->      </div>  
       </td>  
       <td style="width:17px;" background="/img/layout/borders/blue_border_right.gif"><img src="/img/layout/blank.gif" /></td>  
      </tr>  
      <tr>  
       <td style="width:11px; height:11px;"><img src="/img/layout/borders/blue_border_left_bottom.gif" /></td>  
       <td style="height:17px;" background="/img/layout/borders/blue_border_bottom.gif"><img src="/img/layout/blank.gif" /></td>  
       <td style="width:17px; height:17px;"><img src="/img/layout/borders/blue_border_right_bottom.gif" /></td>  
      </tr>  
  
     </table>      </td>  
     </tr>  
    </table>  
   </td>  
mi-> <td id="mitte">  
    ...  
   </td>  
re-> <td>  
    ...  
   </td>  
  </tr>  
 </table>