Mit overflow:auto waagerecht scrollen lassen

[LiAn]

Hallo Taker

Kann mit jemand weiter helfen?

So kann's gehen:

um die <ul> ein <div> legen. Die Breite des <div> festlegen auf den sichtbaren Bereich. und den overflow des <div> auf auto stellen.

dann der <ul> die exakte Breite geben.

Beispiel:

CSS:

#container {  
 width:500px;  
 overflow:auto;  
}  
  
ul {  
 height:100px;  
 width:1300px;  
 list-style:none;  
}  
  
ul li {  
 float:left;  
 width:100px;  
 height:50px;  
 padding:5px;  
 margin:5px;  
 background:#333;  
}

HTML
 ~~~html <div id="container">
  <ul>
      <li>test1</li>
         <li>test2</li>
         <li>test3</li>
         <li>test4</li>
         <li>test5</li>
         <li>test6</li>
         <li>test7</li>
         <li>test8</li>
         <li>test9</li>
     </ul>
    </div>

  
Gruss,  
LiAn