Listen-Abstand

[Puccini]

Hi,

ich hab das merkwürdige Problem !?
Im FF wird mein menü "falsch" dargestellt, dafür aber im IE richtig!
Es soll eigentlich jeder menübutton direkt unter dem nächsten ohne Platz dazwischen dargestellt werden.

Es handelt sich um eine ul.

hier der link: RageWars

da sieht man im ie keinen abstand zwischen den menübuttons, jedoch dafür im ff. mit firebug hab ich versucht die abstände margin und padding der li-elemente und des ul-elements auf 0 zu setzten, leider hat das keine auswirkung!

ul{
margin: 0px;
padding: 0px;
list-style: none;
}
li{
    list-style: none none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 0;
}

So sieht der Standard-CSS für die ul und li aus.

Kann mir einer das erklären? Kann es an den Links liegen?

Danke schonmal

MfG Puccini

 

[gude-laune]

Eventuell kann es sein, dass du noch die Abstände für die Grafiken explizit auf 0 setzten musst. Btw: Wenn du alle margin- und padding-Werte auf 0 setzen willst, reicht es wenn du margin: 0px; machst. Das gilt dann für oben, unten, links und rechts. Ebenso bei padding.

 

[Puccini]

bei dem mit margin:0px; war ich mir net ganz sicher ;) daher hab ich gleich mal alle gesetzt.

Ich hab die Vermutung das FF die li auf 100% des Parentcontainers streckt und somit auch die höhe mit anpasst. kann das sein?

Hab mir im Firebug mal die Werte angeschaut, da kann das sein! Aber ich hab nirgends eingestellt, das die ul bzw die li 100% vom parent annehmen sollen!

 

[neuroleptika]

Erstmal solltest du display: inline-block; aus a.buttonMenu entfernen.
ff2 kennt display:inline-block nicht. Er stellt a mit display: inline da.
Für inline-Elemente gibt es kein height.

Verwende display: block für a.buttonMenu.

Der Abstand sollte dann auch im ff3 verschwinden.
Es gibt in deinem Beispiel keinen Grund display: inline-block; zu verwenden.