Hallo,

ich habe ein kleines Problem mit einer Liste, die durch float:left; der einzelnen Listenpunkte horizontal ausgerichtet wird. Ich hoffe jemand kann mich von meinem Leiden erlösen, ich sitze da nun schon ein paar Stunden vor und kriege es einfach nicht hin.

Erst einmal der Code:

  
<ul>  
    <li>1</li>  
    <li>2</li>  
    <li>3</li>  
    <li>4</li>  
    <li>5</li>  
</ul>  

  
ul{  
    list-style: none;  
    padding: 0px;  
    margin: 0 auto;  
}  
  
li {  
    float: left;  
}  

Dass die einzelnen Listenpunkte wie gewünscht nebeneinander angezeigt werden funktioniert einwandfrei, allerdings bekommt die gesamte Liste bei diesem Code eine Breite von 100% und somit wird sie durch das margin: 0 auto; nicht zentriert (bzw. sie wird zwar zentriert, aber weil sie 100% breit ist bekommt man davon nicht viel mit).

Dem ul eine feste Breite zu geben ist nicht möglich, da der Inhalt der Liste variabel ist. Wenn ich dem ul ein float:left; gebe, dann ist die Liste zwar genau so breit wie der Inhalt, so wie es sein soll, allerdings kann sie dann durch das margin nichtmehr zentriert werden.

Ich habe das Ganze zur Ansicht noch als URL angegeben. ul hat hierbei noch einen roten Rahmen.

Ich hoffe es gibt eine simple Lösung für mein Problem. :)

Grüße,
Dennis