[Erl.] Inkompabilitäten zwischen Chrome (FF usw) und Safari

[bwoebi]

Ich nutze jetzt folgenden Style:
http://bobweinand.no-ip.org/kstyle/styl ... id,wcv_csd

Da gibt es anscheinend Probleme in der zweiten Menüzeile (Inventarframe) mit dem Safari. Diese Probleme tauchen jetzt NICHT im Chrome auf, denn sonst hätte ich einfach in die Trickkiste gegriffen und -webkit-transform: translateX(XYpx) genutzt, aber -webkit- gilt leider auch für Chrome.

Um es hier zu zeigen zwei Screenshots:

Safari:


Chrome:


Kann mir mal bitte einer erklären, wie ich das ausbessern kann?

[Benu]

Der Fehler ist, dass die KP leicht verrutscht sind?

Versuchs mal mit nem Reset-Stylesheet vorher.

[bwoebi]

Ja, KP und Chara | Auftrag

Hatte ich schon probiert, bringt nichts, oder verstehst du was anderes darunter?

[Benu]

Ja, KP und Chara | Auftrag

Hatte ich schon probiert, bringt nichts, oder verstehst du was anderes darunter?

Wie kann ich was anderes darunter verstehen, wenn ich nicht weiß, was du darunter verstehst?

Ansonsten sind diese Abweichungen durch 1-2px Unterschiede bedingt und im Webdesign gehen solche pixelgenauen Designs nicht. Zumindest nicht über alle Browser hinweg

[bwoebi]

ich weiß, daher habe ich schon einige translates gemacht, aber hier wird ja ein und dieselbe Engine genutzt?!

Sag einfach was du meinst darunter zu verstehen^^

Nachtrag: bin dumm^^

Naja, ich habe bei beiden Elementen keine Differenzen gefunden (von den Browserstandartstyles her)… jedenfalls im Vergleich zum Chrome

[Benu]

Nachtrag: bin dumm^^

Naja, ich habe bei beiden Elementen keine Differenzen gefunden (von den Browserstandartstyles her)… jedenfalls im Vergleich zum Chrome

Was sagen denn berechnete Styles und Metriken der unterschiedlichen Elemente aus?

[bwoebi]

Dass der Safari buggy ist, sagt mir das^^



Also ich verstehe das nicht? das Elternelement hat 10px,

dann wird das font-size geteilt duch 100000 durchgestrichen,

und am Ende sagt der Browser bei den Computed Styles 5px?!

[Benu]

Dass der Safari buggy ist, sagt mir das^^



Also ich verstehe das nicht? das Elternelement hat 10px,

dann wird das font-size geteilt duch 100000 durchgestrichen,

und am Ende sagt der Browser bei den Computed Styles 5px?!

Na von was wird die Regel denn überschrieben?

Ansonsten: Warum font-size so niedrig? Wäre nicht display: none und visibility: visible passender? Oder einfach mal .1em oder so. Halt nicht so sehr niedrige Werte, die float-Bugs regelrecht provozieren.

[bwoebi]

du meinst visibility:hidden; visibility: visible; — Ja, aber da zickt ein Browser (kA mehr welcher) rum, falls ich da noch ein pseudoelement wie ::after dran habe. Der zeigt dann das Pseudoelement, auch wenn ich dort visibility: visible; hinschreibe nicht an.

Ich habe schon alle möglichen font-sizes ausprobiert… funzt nicht (auch nicht bei natürlichen Zahlen (nicht 0))

und ich weiß nicht warum das Elternelement die relative font-size des Kindes ingoriert? Und schon gar nicht weshalb durch 2 geteilt wird am Ende?!

EDIT: bei allen anderen Browsern ist da 0.00001px in den Computed Styles, nur hier nicht.

Naja, habe es nun auf andere Weise erledigt:

Code: Alles auswählen

display: inline-block; width: 16px;