Texter mit x: div innnerhalb von Navi-Liste, wo ist die "HTML-Schutz-Polizei"

Beitrag lesen

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.