Feste Listenbreite in horizontaler Navigation

[Daniel#]

Guten Morgen!

Ich möchte in meiner horizontalen Navigation (Liste mit inline) die Listenbreite (die einzelnen Einträge)festlegen. Bisher sind die Menüpunkte so breit wie die Einträge, sie sollen aber einheitlich xy px breit sein (ggf. sollte der Text umbrechen). Mit width klappt es nicht :-(

CSS:

  
  
/* - Menü horizontal- */  
#menu {  
 background-color: #FFFFFF;  
 padding: 24px 1% 0px 1%;  
 margin: 0px;  
 text-align: left;  
 color: #FFFFFF;  
  
 }  
#menu li {  
 font-size: 14px;  
 display: inline;  
 list-style-type: none;  
 border-left: 3px solid white;  
 padding: 30px 1% 0px 1%;  
 font-weight: bold;  
 background-color: rgb(2,33,59);  
}  
  
  

HTML:

  
<ul id="menu">  
        <li><a href="aktuelles.html">Aktuelles</a></li>  
        <li><a href="projekte.html">Laufende Projekte</a></li>  
        <li><a href="links.html">Links & Download</a></li>  
        <li><a href="kontakt.html">Kontakt & Anfahrt</a></li>  
        <li><a href="sitemap.html">Sitemap</a></li>  
        <li><a href="impressum.html">Impressum</a></li>  
  
</ul>  
  
  

[Gunnar Bittersmann]

Hello out there!

Mit width klappt es nicht :-(

„'width' […] Angewendet auf: Alle Elemente, außer auf nicht-ersetzte Inline-Elemente, Tabellenzeilen und Zeilengruppen“ [CSS2 §10.2]

Wenn du 'li' zu Inline-Elementen machst, kann 'width' nicht mehr wirken.

Lass also 'li' als Blockelemente und lass diese floaten.

See ya up the road,
Gunnar

[Daniel#]

Lass also 'li' als Blockelemente und lass diese floaten.

Das wars! DAnke! Nu hab ich zwar ein Problem mit meiner auf den Fuß des Menüs gesetzten Schrift, aber das werde ich schon hinkriegen...