wieso sprengt hier das iframe das layout?

    Moin!

    Vorweg: dein Layout wird ganz korrekt so angezeigt, genau so wie der Quelltext es vorgibt.

    Die Fehler sind:

    1. die Tabellen haben alle keine Angabe zum Cellspacing und Cellpadding, fehlen diese Angaben, dann nehmen die Browser automatisch 1 Pixel und es entstehen Risse im Layout.

    2. in der linken Zelle des "inneren Gerüstes" steckt eine weiter Tabellle, da die Zelle nicht auf "valign='top'" gestellt ist, wir die ganze Tabelle logischerweise horizontal zentriert. Gleiches gilt für die Unter-Tabelle rechts.

    3. Du machst nirgends Angaben zur Höhe der Tabellen(-zellen). Die Layouthöhe wird einzig von der Höhe des I-Frames bestimmt. Das ist eine schlechte Lösung, weil es u.U. 2 Scrollbalken zur Folge hat: eine innerhalb des I-Frames (wenn dort zu langer Text angezeigt wird) und ggf. zusätzlich eine Browserscrolleiste rechts, wenn der Monitor (bzw. das Browserfenster auf dem Monitor) des Besuchers zu klein ist.
    Andererseits nutzt du bei größeren Monitoren den verfügbaren Platz nicht aus und zwingst dann zum Scrollen, wo es gar nicht nötig ist.

    4. Der Verweis zur W3.org in der Dokumenttyp-Deklaration zerstört bei allen Browsern die Höhenangaben bei Tabellen und sollte deshalb weggelassen werden.

    Code
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    reicht völlig aus.

    5. diie äußere Tabelle macht irgendwie gar keinen Sinn, ist unnötiger Quelltext-Balast.

    6. CSS-Angaben sind falsch definiert.

    7. Werte sollten grundsätzlich in Anführungszeichen gestellt werden:

    Code
    <body bgcolor="white" text="black" link="black" vlink="black" alink="black">

    Tip: Beim Erstellen von Tabellenlayouts zunächst Border auf 1 Pixel stellen, dann sieht man die Fehler selbst.

    Dein korrigiertes Layout:

    Und hier noch ein Beispiel, wie ich es in etwa lösen würde:

    G.a.d.M.

    Ronald