In der Navigationsleiste auf dieser Website haben wir ein Problem mit dem Auffüllen der li-Elemente in der Navigationsleiste. Zusätzliche Polsterung in Chrome und Safari um LI-Elemente
In Chrome und Safari ist die linke Auffüllung auf jedem li-Element 10, aber es fügt tatsächlich ein paar zusätzliche Pixel hinzu (macht Padding 12 oder 13).
Firefox und IE9 zeigen die richtigen 10px.
Irgendwelche Ideen, was könnte dies verursachen?
FireFox wendet die Eigenschaft a: link css nicht auf besuchte Links an, daher erhalten diese Links keine 3px-Auffüllung. Chrome ist es jedoch anwendet.
Um es zu beheben, versuchen Sie nur ändern Sie Ihre css "a: Link" -Regel auf "a".
Danke! Das war's. Vergaß diese extra Polsterung bevor wir zu li gewechselt haben. Danke noch einmal! – Andelas
Möglicherweise sind Ränder oder Pads von übergeordneten Elementen geerbt, haben Sie versucht, eine css reset Datei (Obwohl es ein bisschen extrem für diese Instanz sein kann)? Oder setzen Sie die Pads/Ränder weiter oben auf dem Baum auf 0?
Haben Sie den Rand auch eingestellt? Die Standardmarge kann zwischen Browsern variieren. –
Die Links sehen gleich aus in Chrome und Firefox - sind Sie sicher, es ist nicht die 3px Polsterung, die nur auf nicht besuchten Links erscheint, die das Problem verursacht ?? – lnrbob