Nur horizontaler Scrollbar für gefloatete <LI> Elemente

[Detlef G.]

Hallo Dirk

Etwas wichtiges habe ich nicht explizit erwähnt, weswegen die vorgeschlagene Lösung leider nicht funktioniert: ich weiss nicht, wie breit mein Inhalt wird, da eine variable Zahl LI-Elemente vorkommen kann. Ich kann also auch keine explizite Breite für das UL bzw. ein umgebendes Element angeben. Noch eine Idee?

Ja, z.B.:

  
#main ul {  
  display:table-row;  
}  
#main li {  
  display:table-cell;  
}  

hat nur einen Schönheitsfehler: Der IE ist dafür zu dumm!

Andere Frage:
Warum weißt du nicht, wie viele <li> es werden?
Oder andersherum, wer weiß es?

Die <li>s mit den Bildern müssen doch irgendwo her kommen. Wenn du sie in
den Quelltext schreibst, kannst du es jeweils ausrechnen (OK macht etwas
Arbeit). Wenn ein serverseitiges Script die Seiten aufbaut, könnte dieses
doch die Breiten summieren.

Zur Not ließe sich sicher auch eine Variante basteln, die display:table-...
für Browser benutzt und für den IE float:left und eine immer ausreichende
Breite angibt, die dann mittels Javascript angepasst wird.

Auf Wiederlesen
Detlef