dynamische Breite

[paula]

Hallo,

hab ein Problem mit der dynamischen Breite eines Container-divs.

<div class="container">
  <ul class="submenu">
    <li>float left</li>
    <li>float left</li>
 </ul>
</div>

Die links gefloateten li´s haben eine feste Breite.
Wenn ich die Breite des Conatainer-divs weglasse, brechen die li´s um, sodass die li´s untereinander dargestellt werden.

Gibt es eine Möglichkeit, dass die li´s nebeneinander dargestellt werden und der div-container dynamisch, je nach li-anzahl mitwächst?

Grüße Paula

[Gunnar Bittersmann]

@@paula:

nuqneH

<div class="container">
  <ul class="submenu">
    <li>float left</li>
    <li>float left</li>
</ul>
</div>

Wozu soll das Conatainer-div gut sein? Du kannst doch auch das ul-Element formatieren.

Die links gefloateten li´s haben eine feste Breite.
Wenn ich die Breite des Conatainer-divs weglasse, brechen die li´s um, sodass die li´s untereinander dargestellt werden.

Prblem nicht nachvollziehbar. Online-Beispiel, bitte.

Qapla'

[paula]

Hallo Gunnar,

das div-element in der navi ist vermutlich überflüssig. Hab das in einem schönen Beispiel so gesehen und so bei mir verwendet.

Das Beispiel ist leider nicht online sondern nur lokal.

Vielleicht nutzt die das html & css um mein Problem zu erkennen:

<ul id="menu">
 <li><a href="#">Ebene1</a></li>
 <li><a href="#">Ebene1</a>
 <div class="sub ">
   <ul>
    <li><a href="#">Ebene2</a></li>
    <li><a href="#">Ebene2</a></li>
   </ul>
 </div>
</li>
</ul>

ul#menu li div.sub {
position: absolute;
left: 0px;
/*width: 546px;*/
}
ul#menu div.sub ul li {
float: left;
width: 185px;
}

Der div-container (div.sub) sollte doch die Breite aller li-kinder annehmen (da diese gefloatet sind).

Sitz gerade aufm Schlauch...

[Gunnar Bittersmann]

@@paula:

nuqneH

Hallo Gunnar,

das div-element in der navi ist vermutlich überflüssig. Hab das in einem schönen Beispiel so gesehen und so bei mir verwendet.

Das Beispiel ist leider nicht online sondern nur lokal.

Schade.

Vielleicht nutzt die das html & css um mein Problem zu erkennen:

Nö, auch ohne Breitenangabe für 'ul#menu li div.sub' steht "* Ebene2  * Ebene2" nebeneinander.

Qapla'

[paula]

Nö, auch ohne Breitenangabe für 'ul#menu li div.sub' steht "* Ebene2  * Ebene2" nebeneinander.

das Problem liegt vermutlich daran, dass die 'ul#menu li' mit display:inline versehen sind. Dann stehen li-Ebene2 nicht nebeneinander, richtig?

[Der-Dennis]

Hallo Paula,

schau Dir mal dieses Beispiel an. Insbesondere die Punkte #navigation ul und #navigation ul li könnten Dir weiterhelfen.

Gruß, Dennis