Gerhard: Navigation mit Liste auf ganze Breite dehnen

SELF-Forum

Navigation mit Liste auf ganze Breite dehnen

Gerhard
– Informationen zu den Bewertungsregeln

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

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Navigation mit Liste auf ganze Breite dehnen

    apsel Homepage des Autors
    – Informationen zu den Bewertungsregeln

    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

    --
    http://www.billiger-im-urlaub.de/kreis_sw.gif
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Navigation mit Liste auf ganze Breite dehnen

      Gunnar Bittersmann Homepage des Autors
      – Informationen zu den Bewertungsregeln

      @@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'

      --
      Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
      (Mark Twain)
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln