Menü Abstände unterschiedlich bei Browsern

Hallo Liebe Forums Gemeinde!

Ich habe hier ein Menü - mit dem ich etwas zerstritten bin, wir hatten uns anfangs gut vertragen jedoch kahmen dann gewisse Ungleichheiten auf die nicht zu Akzeptieren sind :wink:

[PHP]

  • ...
  • ...
  • ...
  • ...
  • ...
[/PHP]

Das ganze ist ein dropdown Menü, die unterpuntke sind mal nicht miteingetragen da es sie keine Auswirkung auf die oberen haben.

Hier ein Ausschnitt vom CSS der ul:

[PHP]
ul.dropdown, ul.dropdown, ul.dropdown {
width: 100%;
background: none;
z-index: 590;
color:#444;
margin:0;
}

li#dir {
padding-right: 20px;
padding-left: 20px;
}

li#last {
padding:0;
margin: 0;
}

[/PHP]

Dem „last“ habe ich nur ein padding:0 und margin:0 gegegeben, da es auch für die unterpunkte als letztes mit „last“ erzeugt wird. Außerdem beim letzten punkt brauche ich auch kein margin/padding zwingend.

Also, ich habe nun das Menü und möchte es gleich Zentrieren, im Chrome und Safari passt der Abstand genau, im IE und FF jedoch werden gefühlte 5PX dazu gefüllt und mein Abstand passt am ende beim letzten Menüpunkt nicht mehr. Das Menü ist gesamt länger als Gewünscht was meine Formatierung wiederum zerstört…

Warum macht der IE / FF einen größeren Abstand - kann ich das unterbinden?

lG

Hallo,

  1. zeig ein link
  2. HTML bzw. CSS fehler solltest rausmachen, valide ist der erste punkt bei der fehler suche.
    id=„dir“ kann nur einmal vorkommen, deswegen id :O)
    Dies kann schon fehler bei einigen Browser verursachen.

Cheffchen