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>  

[Matze]

Hallo garv3!

Wieso machst du nicht das ganze Layout in CSS?
Dann hättest du das Problem nicht.

Davon abgesehen gibt es noch weitere Vorteile, die hier zuhauf aufgeführt sind.
Tabellen sind für den Inhalt, nicht das Layout gedacht.

Gruß, Matze

[garv3]

Hmm, wie würdest du das denn jetzt lösen? Mir fällt einfach nich ein, wie ich das machen könnte...

[Matze]

Hallo!

Hmm, wie würdest du das denn jetzt lösen? Mir fällt einfach nich ein, wie ich das machen könnte...

Ich würde im Kapitel CSS-Layouts bei SelfHTML nachschauen wenn mir
nichts einfällt. Sollte ich dort nicht fündig werden würde ich wohl
Google in Anspruch nehmen. Falls das, wider erwarten, auch keine
passende Lösung liefert, frag ich hier nochmal noch.

Ganz im ernst, beschäftige dich mit CSS.
Die Lösung ist relativ einfach, ein bisschen Eigenbemühungen
(wie es die Agentur für Arbeit gern nennt) sollten aber schon drin sein.

Gruß, Matze