Probleme mit Tabellen-Design

[Probleme mit Tabellen-Design]

Hallo zusammen,

ich haben ein Problem mit meinem (hier vereinfacht dargestellten)Tabellen-Design:

Es ist in der Mitte folgendermassen aufgebaut:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="16%"><table width="200" border="1" cellspacing="0" cellpadding="0">
        <tr>
          <td>button</td>
        </tr>
        <tr>
          <td>button</td>
        </tr>
        <tr>
          <td>button</td>
        </tr>
        <tr>
          <td>button</td>
        </tr>
        <tr>
          <td>button</td>
        </tr>
      </table></td>
    <td width="84%" valign="top">Inhalt: lakjsdfölk jasödflkjas</td>
  </tr>
</table>

---------------------

Das Problem ist nun (->nur unter Mac IE 5.1<-), dass wenn der Inhalt in der rechten Zelle länger ist als das Menue der linken Zelle, "zerreisst" das Menue, indem es Abstände in zwischen den Buttons erstellt.
Nach w3c validator sollte die Page korrekt sein.

Vielen Dank für eure Hilfe

Gruss Real

[Thomas Luethi]

Hallo,

Da Du sowieso grafische Buttons verwendest, kannst Du
ja genau ausrechnen, wie hoch die innere Tabelle (links)
ist (Hoehe aller Buttons + Border + evtl. Padding).
Gib ihr diese Hoehe per CSS:
<table ... style="height:350px;">

Eventuell findest Du noch ein paar Ideen auf:
http://www.tiptom.ch/homepage/faq.html?q=tdimg

Gruesse,

Thomas