Navigation mit Liste auf ganze Breite dehnen

[Gerhard]

Hallo,

ich steh gerade irgendwie auf dem Schlauch... ich würde gerne meine Listennavigation _immer_ auf die sämtliche Breite seines Parent-Elements ausdehnen.

Konkret: ist mein Parent-Element 1000px breit und ich habe 4 Einträge in der Liste, so sollen alle 250px breit sein. Kommt noch ein fünfter Eintrag hinzu, so sollen alle 200px breit sein. (die Pixelangaben sind nur zur Veranschaulichung, ich arbeite natürlich nicht mit absoluten Angaben)

Ich bin für jede Idee dankbar!

lG,
Gerhard

[apsel]

Om nah hoo pez nyeetz, Gerhard!

Das Parent-Element ist dann die ul?

Steht die Anzahl der Elemente fest, falls nein scheint mir eine reine CSS-Lösung nicht möglich?

Ansonsten width: 100% für die ul und entsprechend width: 25% für die li, unter Berücksichtigung von Padding, border und margin.

Matthias

[Gunnar Bittersmann]

@@apsel:

nuqneH

Steht die Anzahl der Elemente fest, falls nein scheint mir eine reine CSS-Lösung nicht möglich?

Mir schon:

<ul>  
  <li><a href="foo">foo</a></li>  
  <li><a href="bar">bar</a></li>  
  <li><a href="baz">baz</a></li>  
  <li><a href="quz">quz</a></li>  
</ul>

ul  
{  
  border-collapse: collapse;  
  display: table;  
  margin: 0;  
  padding: 0;  
  width: 100%;  
}  
  
li  
{  
  border: 1px solid red; /* zur Verdeutlichung */  
  display: table-cell;  
}

Qapla'