Breite ändert sich nicht egal was ich tue - Hilfe

[bubble]

Ich habe ein Problem mit der Navbar auf der Seite http://www.elektrofahrrad-tests.de und zwar erstreckt sich diese nie ganz über die Breite. Es bleibt immer eine Lücke vorhanden. Die Weite variiert dabei mit den Inhalten der Navbar.

Was du suchst, ist an sich das Flex-Box-Modell, allerdings ist hier die Unterstützung noch recht rar. http://caniuse.com/#search=flex

Man kann das aber auch noch relativ umständlich - dafür aber mit mehr Unterstützung der Browser umsetzen indem man allen Feldern erstmal eine Breite von 10% gibt, danach kann man dann weiter ausbalancieren.

Hab ich mal gemacht:

  
ul.dropdown > li {  
    border: medium none;  
    padding: 0;  
    width: 11%;  
}  
  
ul.dropdown > li:first-child {  
    width: 13.5%;  
}  
  
ul.dropdown > li:nth-child(4) {  
    width: 11.5%;  
}  
  
ul.dropdown > li:nth-child(7) {  
    width: 6%;  
}  
  
ul.dropdown > li:nth-child(8), ul.dropdown > li:nth-child(9) {  
    width: 7%;  
}

Nachteile dieser Variante sind, dass du wenn neue Elemente hinzukommen, oder sich der Inhalt dieser ändert, die Breite wieder neu anpassen musst.

Eine andere alternative wäre wohl <http://de.selfhtml.org/css/eigenschaften/positionierung.htm#display@title=display table-*>.

MfG
bubble