paddler: Tabellen variabel darstellen

Beitrag lesen

Guten Tag liebe Community.

Vorweg erstmal: Ich finde selfhtml.org ein exzellentes Nachschlagewerk, dass mir schon viel geholfen hat. Danke dafür.

So zu meinem Thema:

Ich plane eine Layout, dass in diesem entspricht:

+---------Head--------+
+-------Wrapper-------+
+--Navi--++--Content--+
+------/Wrapper-------+
+-------Footer1-------+
+-------Footer2-------+

Soweit ist alles fein. Jedes Element ist ein div-Element.

Die Navi- und Content-Div's habe ich mit einem Wrapper zusammengepackt und sind jeweils mit float:left versehen.

So jetzt mein Problem: Auf einer Seite soll zum Beispiel eine Tabelle stehen.
Diese Tabelle hat 5 Spalten mit beliebig vielen Reihen.
Die Spalten sollen folgende Breiten haben:
Spalte 1: 4%
Spalte 2: 8%
Spalte 3: 25%
Spalte 4: 30%
Spalte 5: 35%

Insgesamt habe ich der Tabelle eine Breite von 64em gegeben.

So, im normalen Ansichtsfaktor von 100% sieht alles TipTop aus, wenn ich jetzt aber hineinscrolle, sprich vergrößere, verschiebt sich die Tabelle unter das navi-Div.

+---------Head--------+
+-------Wrapper-------+
+---------Navi--------+
+-------Content-------+
+------/Wrapper-------+
+-------Footer1-------+
+-------Footer2-------+

Mir ist klar, dass diese Problematik von den 64em her rührt, aber auch ohne dieser Angabe kommt es zu obiger Darstellung.

Wie kann man dies vermeiden, sprich die Tabelle soll sich der Seite anpassen und nicht einfach unters Navi rutschen.

Ach ja, XHTML 1.0 Transitional und CSS wird verwendet, falls es nicht klar gewordn sein sollte.

Gruß, der
Paddler