Tabelle haut design auseinander...

[Struppi]

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

Nur mal als zusätzlichne hinweis. CSS ist in erster Linie so gedacht, das du HTML formatierst. D.h. Wenn deine Überschrift 2.Ordnung ein anderes Aussehen bekommen soll, kannst (und sollst) du das auch so verwenden:

In deinem Falle:

h2
{
border: 1px solid #006;
padding: 2px;
margin: 0px;
}

und dann ohne das überflüssige DIV

<div style="border: 1px solid #006; padding: 2px; margin: 0px">
      <!-- folgende Tabelle haut es auseinander -->
        <table style="width: 100%">
          <tr>
            <td>tabelle</td>
          </tr>
        </table>
      <!-- Ende der Tabelle -->
      </div>

Die Frage ist eigenlich eher, warum du noch eine innere Tabelle verwendest.

Und was ich auch nicht verstehe, was heißt haut das Layout auseinander?
Du meinst die äußere Tabelle hat nicht mehr die Aufteilung: 25%,50%,25%, weil die mittlere Zelle breiter wird?

Wie gesagt, wenn die innere Tabelle entbehrlich ist, würde ich einfach das inhalts-DIV width:100% setzten.

Struppi.