a soll li in der höhe ausfüllen.

[Maik]

Die Gesamtbreite der einzelnen Menüpunkte ist in deinem Menü nicht bekannt, daher hilft in diesem Fall die Breitenangabe für das Listenelement auch nicht weiter.

Hier der relevante Quellcode aus Stu Nicholls' Demo für das zweite Menü mit unbekannter Breite:

<del class="container">
<ul id="menu2">
<li><a href="#nogo">Tab One</a></li>

<li><a href="#nogo">Tab Two: Longer</a></li>
<li><a href="#nogo">Tab Three: Longest</a></li>
<li><a href="#nogo">Tab Four</a></li>
</ul>
</del>

#menu2 {
  display:table;
  padding:0; 
  margin:0 auto; 
  list-style-type:none;
  white-space:nowrap;
  }
#menu2 li {
  display:table-cell;
  }
#menu2 a {
  width:auto;
  display:block;
  padding:4px 16px;
  color:#fff; 
  background:#08c; 
  border:1px solid #fff; 
  text-decoration:none;
  }
#menu2 a:hover {
  color:#000; 
  background:#d4d4d4;
  }

.container {clear:both; text-decoration:none;}

<!--[if lt IE 7]>
<style type="text/css">
#menu2 li {
  float:left;
  }
#menu2 a {
  float:left;
  }
.container {display:inline-block;}
</style>
<![endif]-->

 

[Layna]

Meine Breite ist ja bekannt (~700px)...
Nur, mir ist gerade aufgefallen dass sich die einzelnen li-elemente ja gar nciht zentrieren KÖNNEN, oder?
Ich kann zwar die ul in die Mitte schieben, da ich aber da ich auf float: left angewiesen bin (wegen der ausfüllung der li durch die a), kann ich die li-elemente nicht in der ul zentrieren?
Wenn ich mich da irre bitte korrigieren .

 

[Maik]

Die von dir gesetzte Breite für das Listenelement korrespondiert aber nicht mit der unbekannten Breite der einzelnen Menüpunkte, und hilft hier somit nicht weiter. Daher sollst du dich auch an dem empfohlenen Quellcode orientieren.