Mit overflow:auto waagerecht scrollen lassen

[Detlef G.]

Hallo Taker

<ul>
<li style="float:left;">test 1</li>
…
<li style="float:left;">test 3</li>
<ul>

  
Das zweite <ul> ist doch hoffentlich nur ein Vertipper.  
  

> Nun hat die UL aber eine bestimmte Breite, die kürzer ist als die ganzen LI's zusammen. Deshalb will ich sie verkürzen mit overflow:auto;. Dabei sollen sie aber die Liste nicht senkrecht gescrollt werden sondern waagerecht, egal wie lange sie ist.  
  
Bei der Beispielliste könnte das `float:left`{:.language-css} weggelassen werden, stattdessen ins Stylesheet:  
~~~css
ul {  
  overflow:auto;  
  white-space:nowrap;  
}  
li {  
  display:inline;  
}

(Der IE zumindest der 6er braucht dann noch eine passende Höhe für ul)

Wenn die Listenpunkte Blöcke bilden sollen oder Blockelemente enthalten sollen, dann fällt mir leider keine Lösung ein, die im IE funktioniert.

Auf Wiederlesen
Detlef