Listen formatieren

[badcsser]

Hallo!

Ich beabsichtige mit Hilfe von Listenelementen und CSS eine Navigationsleiste zu erstellen. Ziel soll es sein, die Elemente mit einem gleichen Abstand voneinander über die gesamte Breite des divs zu verteilen. Leider funktioniert die relative Angabe auto bei margin nicht. Wie bekomme ich das hin?

Code: Alles auswählen

#mainnav ul
   {
      margin: 0px;
      padding: 0px;
      border: 0px;
      list-style-type: none;
   }

#mainnav li
   {
      float: left;
      display: inline;
      margin: 0px auto;
      padding: 3px 10px;
      border: 1px solid black;
   }

[sejuma]

Das display: inline hebt bei dir das float auf. Beides widerspricht sich also.
margin: 0 auto; funktioniert nur, wenn du auch eine Breite zuweist.

So ganz verstehe ich dein Vorhaben noch nicht:
Gib mal ul eine Breite und zentriere mit margin: 0 auto;
Dann kannst du - bei einheitlichen li-Breiten die Abstände entweder manuell berechnen, oder evtl. nach dieser Methode verfahren:
http://www.ohne-css.gehts-gar.net/0063.php