Ich würde gern erst mal genau wissen, was du letztendlich erreichen willst - wie es aussehen soll, und wie es sich in Sonderfällen (Sub-Navi über mehrere Zeilen) verhalten soll.
Das ist mir nämlich trotz all der blumigen Erklärungen, was *nicht* funktioniert, immer noch nicht komplett klar.
Das steht auch nicht dort wo ich erklärt habe was nicht funktioniert. Ich erkläre es aber gern noch mal.
Jede Navi (2 x Haupt, 1 x Sub) soll jeweils in einer Zeile dargestellt werden. Diese Zeilen sollen wie ganz normaler Fließtext umbrechen, wenn der zur Verfügung stehende Platz nicht ausreicht. Die Subnavi (S) soll dabei in einer Zeile unter der Hauptnavi (H1), zu der sie gehört, stehen. Die zweite Hauptnavi (H2) soll rechts neben der ersten Hauptnavi stehen und darf/soll unter die anderen Navis rutschen, wenn der zur Verfügung stehende Platz nicht ausreicht.
grundsätzlich:
H1_1 H1_2 H1_3 H2_1 H2_2 H2_3 H2_4
S_1_1 S_1_2 S_1_3
bzw. wenn der Punkt H1_2 aktiv ist:
H1_1 H1_2 H1_3 H2_1 H2_2 H2_3 H2_4
S_2_1 S_2_2 S_2_3
durch Begrenzung der Breite (in %) für die rechte Navi:
H1_1 H1_2 H1_3 H2_1 H2_2
S_1_1 S_1_2 S_1_3 H2_3 H2_4
bei Verinngerung der viewport-Breite:
H1_1 H1_2 H1_3 H2_1
S_1_1 S_1_2 H2_2
S_1_3 H2_3
H2_4
noch schmaler:
H1_1 H1_2 H2_1
H1_3 H2_2
S_1_1 S_1_2 H2_3
S_1_3 H2_4
im Extremfall:
H1_1
H1_2
H1_3
S_1_1
S_1_2
S_1_3
H2_1
H2_2
H2_3
H2_4
Mit obigen Darstellungen soll _nicht_ veranschaulicht werden was zuerst umbrechen soll, das ist vom Inhalt der Navigation und von der prozentualen Breite der rechten Navi abhängig.
Zum Verhalten zwischen Hauptnavi und zugehöriger Subnavi beim Umbruch (bei entsprechend schmalem viewport):
Im Idealfall gibt es dazu nichts abweichendes zu sagen.
ideal:
H1_1
H1_2
H1_3
S_1_1
S_1_2
S_1_3
H2_1
H2_2
H2_3
H2_4
Wenn nicht anders möglich würde es mich aber auch nicht stören, wenn in dem Fall die Punkte der Hauptnavigation, die nach dem aktiven Punkt der Hauptnavigation stehen unter die Subnavi (des aktiven Punktes) rutschen.:
H1_1
S_1_1
S_1_2
S_1_3
H1_2
H1_3
H2_1
H2_2
H2_3
H2_4
bzw. wenn der Punkt H1_2 aktiv ist:
H1_1
H1_2
S_2_1
S_2_2
S_2_3
H1_3
H2_1
H2_2
H2_3
H2_4
Wenn jetzt noch was unklar ist, dann sag bitte was unklar ist.