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

Beitrag lesen

Nun die Frage, wie bekomme ich die sub_navi, als Liste innerhalb einer Liste, ohne absolute Positionierung in eine Zeile unter die navi_fix_1?

Warum soll es denn ohne absolute Positionierung sein?

Wegen der Nachteile bei der Flexibilität. Ich habe einige Umsetzungen gefunden, die aber alle mit absoluter Positionierung (und pixelgenau) gearbeitet haben. Die negativen Effekte die da auftreten kann man zwar mit em-Angaben (statt px) entschärfen aber alles bin ich noch nicht losgeworden.  Ich meld mich noch mal konkreter zu Wort.

Ich bekomme es nicht hin. Bei jeder Lösungen liegen Elemente übereinander oder es bleiben Bereiche sinnlos frei, statt von anderen Elementen eingenommen zu werden, sobald es zu Zeilenumbrüchen kommt, die subnavi länger als die Hauptnavi ist oder umgekehrt.

Hattest Du, absolut positioniert, etwas anderes im Sinn als etwas ohne Zeilenumbrüche?

Ich bin kurz davor

  <ul id="navi_fix_1">  
    <li>naviA1</li>  
    <li>naviA2</li>  
    <li>naviA3</li>  
  </ul>  
  <ul id="sub_navi">  
    <li>sub_naviA1_1</li>  
    <li>sub_naviA1_2</li>  
    <li>sub_naviA1_3</li>  
  </ul>  
  <ul id="navi_fix_2">  
    <li>naviB1</li>  
    <li>naviB2</li>  
    <li>naviB3</li>  
    <li>naviB4</li>  
  </ul>

oder etwas wie

  <ul id="navi_fix_1">  
    <li>  
      <ul>  
        <li>naviA1</li>  
        <li>naviA2</li>  
        <li>naviA3</li>  
      </ul>  
      <ul id="sub_navi">  
        <li>sub_naviA1_1</li>  
        <li>sub_naviA1_2</li>  
        <li>sub_naviA1_3</li>  
      </ul>  
    </li>  
  </ul>  
  <ul id="navi_fix_2">  
    <li>naviB1</li>  
    <li>naviB2</li>  
    <li>naviB3</li>  
    <li>naviB4</li>  
  </ul>

zu nehmen.