Tabelle haut design auseinander...

[Tobi]

Hallo,

ich habe eine Seite gebastelt, der eine layout tabelle zugrunde liegt:

<table style="width: 100%">
  <tr>
    <td style="width: 25%; vertical-align: top; padding: 2px">
      spalte1
    </td>
    <td style="width: 50% [s.o.]">
      spalte2
    </td>
    <td style="width: 25% [s.o.]">
      spalte3
    </td>
  </tr>
</table>

In den Spalten dieser Tablle habe ich Kaesten mit div, z.B.:

<div style="border: 1px solid #006; padding: 2px; margin: 0px">
  <h2>Ueberschrift</h2>
<div>
<div style="border: 1px solid #006; padding: 2px; margin: 0px">
  inhalt
<div>

Wenn ich nun in den Inhaltsteil der divs eine Tabelle einbaue mit width: 100% haut es die divs auseinander - bis an den rand der Tabellenzelle der Layouttabelle....jemand eine Ahnung warum?

Gibt es eine andere Moeglichkeit, eine Tabelle passend in ein div einzufuegen, d.h. das sie sich ueber die gesamte Breite des divs erstreckt? (hatte da an sowas wie display: block gedacht...damit funzt es aber nicht.)

Waere nett, wenn mir da einer helfen koennte...

Danke & Gruss
Tobi