Max: style="float:left" geht nur bedingt

Also das Problem was ich hab ist irgendwie komisch
eigentlich sollte meine Seite so aussehen

http://combo.co.ohost.de/beta/jk.final.beta.1.2a.png

ich hab die Navigation und den Inhalt in 2 Tabellen gemacht und mit dem
style="float:left" richtig schön nebeneinander gesetzt... funktioniert eigentlich auch alles.... doch wenn ich nun das "Fenster" verkleinere oder meine auflösung ändere rutschen die Tabelle untereinander

http://image-hosting.alpher.de/image.php?file=832e227dd4d82802e8d7043d2f770e83.png

ich bin mir sich das ich sauber gecodet habe: Tabelle 1:

<table width="201" border="0" cellpadding="0" cellspacing="0" style="float:left">

und Tabelle 2:

<table width="810" border="0" cellpadding="0" cellspacing="0" style="float:left">

Falls ich den entscheidenden Faktor weggelassen haben sollte dann sagt es mir bitte und schaut euch einfach mal die komplette HP an (nicht wegen dem Inhalt sonder wegen diesen blöden verrutschen da, oder wie man das auch immer nennt)

http://combo.co.ohost.de/beta/jk.final.html.finishing.beta.V1/

Bitte helft mir und antwortet nicht zu kompliziert ;)

  1. Die Antwort is nicht kompliziert:

    Wenn da kein Platz fuer da Element ist wirds natuerlich umgebrochen.

    Zieh zu dass nicht umgebrochen werden muss. Schaff also ein Elternelement dass gross genug fuer die beiden anderen ist.