mjchael: Tabelle soll den maximalen Bereich einnehmen

Beitrag lesen

Ich hätte gerne ein Problem:

Für eine Website möchte ich mit abgerundeten Ecken arbeiten.
Dafür habe ich aus pragmatischen Gründen das Tabellen-Layout gewählt.

Jetzt habe ich eine verschachtelte Tabelle.

Die Rahmentabelle sind schlicht 2 Zellen, welche Navigation vom Inhalt trennt.

In die Navigationszelle will ich eine Tabelle mit 9x9 Zellen ausfüllen. Die Randzellen enthalten Img oder Hintergrund-Bilder mit den passenden Grafiken für die Ecken und Rahmen. Der eigentliche Inhalt ist die Navigation in der mittleren Zelle.

Die mittleren 3 Zellen sollen jetzt so weit gestreckt werden, dass die Navigationstabelle den ganzen Inhalt der übergeordneten Zelle ausfüllt.

Leider haben alle Versuche mit height="*"  height=100% oder so nichts gebracht.

Manchmal hatte ich das ganz automatisch als "Problem". Und dieses Problem hätte ich jetzt gerne wieder ;) .

Gruß Mjchael

Beispiel meiner Tabelle:

<table border="0" cellpadding="0" cellspacing="0" width="600" height="400">
<tr><td id="Navigationszelle">
<!-- Navigationstabelle  start-->
<table border="0" cellpadding="0" cellspacing="0" width="40" height="100%">
  <tr>
   <td><img src="ecke1.png" width="19" height="19" border="0" /></td>
   <td style="background-image:url(ecke2.png);">&nbsp;</td>
   <td><img src="ecke3.png" width="19" height="19" border="0" /></td>
  </tr>
  <tr>
   <td style="background-image:url(ecke4.png);">&nbsp;</td>
   <td style="background-image:url(ecke5.png);">
   <!-- Inhalt start -->
      <h1>Inhalt</h1>
   <!-- Inhalt end -->
   </td>
   <td style="background-image:url(ecke6.png);">&nbsp;</td>
  </tr>
  <tr>
   <td><img src="ecke7.png" width="19" height="19" border="0" /></td>
   <td style="background-image:url(ecke8.png);">&nbsp;</td>
   <td><img src="ecke9.png" width="19" height="19" border="0" /></td>
  </tr>
</table>
<!--Ende Navigationstabelle -->
</td>
<!-- zweite Zelle mit Inhalt -->
<td><p>Inhalt</p></td>
</table>