lichtheini: Menü Horizontal gleichmässig vertielen, auch Abstand

Beitrag lesen

Also ich versuche mein Menü gleichmässig über die Seite zu verteilen.
Es klappt einigermassen, doch ich will um jeden LINK einen Rahmen (border haben, der aber das ganze Feld ausfüllt, so das keinerlei Leerauhm zwischen den einzelnen Links, Borde rmehr ist:
Jett ist es so:
!link!!link!!link!!link!!link!

es sollte aber etwa sso sein...

!    link    !!    link    !!    link    !!    link    !!    link    !

#content {background:#ff0000;margin:0 auto;max-width:1200px; min-width:600px;width:90%;}

ul{padding:0;text-align:justify;}
li{display:inline-block;list-style:none;}

  
Prinzipiell kannst du mit `text-align:justify;`{:.language-css} eine saubere Zentrierung erreichen. Dabei bleiben die Links allerdings inline-Elemnte und der Zwischenraum ist quasi ein großes Leerzeichen, genauso wie man es von Blocksatz gewohnt ist. Das "Leerzeichen" zwischen den li-Elementen lässt sich aber nicht (man möge mich korrigieren) ansprechen oder wie gewünscht stylen.  
Wenn du die Anzahl der Listenpunkte kennst (= das CMS die Anzahl weiß = sich die Anzahl nur selten ändert), kannst du auf andere Methoden zur Zentrierung zurückgreifen. [Beispiel](http://jsfiddle.net/timshutes/eCPSh/416/) mit `display: table-cell`{:.language-css}. Ob das optisch deinen Anforderungen entspricht, musst du entscheiden.  
  
Grüße, der lichtheini  
  
Passende Diskussion StackOverflow: [Link1](http://stackoverflow.com/questions/5060923/how-to-stretch-html-css-horizontal-navigation-items-evenly-and-fully-across-a), [Link2](http://stackoverflow.com/questions/49536/how-do-i-really-justify-a-horizontal-menu-in-htmlcss)