LI mittig ausrichten, Felder gleichgross

[Karsten]

Ich möchte mein Menü so gestalten, dass es in der Mitte der Seite ist und sich der Größe des Browsers anpasst. Dann würde ich gerne das meine einzelnen Menüpunkte, gleich Groß sind und sich auch der UL breite anpassen. Also in meinem Beispiel so ca. jedes 20%.

und irgendwie sollte die untere Borderzeile unter dem UL stehen und nicht oben?

ul{  
border-top: 1px solid #000;  
border-bottom: 1px solid #000;  
list-style: no;  
padding:0;  
  
}  
li{  
float:left;  
margin-right:1%;  
padding:5px 0 5px 0;  
color:#fff;  
background:#000;  
}  
li:first-child{margin-right:0}

<ul>
<li>das ist etwas</li>
<li>klein</li>
<li>ganz schön lang</li>
<li>klein</li>
<li>das ist etwas ganz langes hier</li>
</ul>

http://dabblet.com/gist/c4dcea5d399fc70c16b8

[Gunnar Bittersmann]

@@Karsten:

nuqneH

und irgendwie sollte die untere Borderzeile unter dem UL stehen und nicht oben?

Das tut es auch. Nur dass das Unten der ul-Box woanders ist als du denkst.

Qapla'

[Gunnar Bittersmann]

@@Karsten:

nuqneH

Dann würde ich gerne das meine einzelnen Menüpunkte, gleich Groß sind und sich auch der UL breite anpassen. Also in meinem Beispiel so ca. jedes 20%.

Incl. padding. Davon wären aber noch die Prozente der margin abzuziehen.

li:first-child{margin-right:0}

Du meinst :last-child?

http://dabblet.com/gist/c4dcea5d399fc70c16b8

Bitte verlinken: per Button „Link“ überm Eingabefeld oder per Texteingabe.

Qapla'