Icons im Webfront auf iPad verschoben dargestellt (ab IPS 3)

Seit dem neuen Webfront in IPS ab Version 3 sind die Icons für Katergorien in den Tabs verschoben dargestellt (siehe Screenshot).
Allerdings nur auf dem iPad, unter Windows (Chrome) ist die Darstellung korrekt.

Kennt jemand dieses Problem und weiß evtl. wie ich es beheben könnte?

Grüße,
ImageUploadedByTapatalk1388008478.620381.jpg

Hab genau das gleiche Problem. Habs aber noch nicht rausgefunden.
Dachte es liegt an meinem eigenen Skin.
Auf einem PC laeuft es mit allen Browsern richtig.
Auf meinem IPAD-Mini und iPhone4 sieht es so aus.
Seltersamerweise auf meinem IPAD1 ist es wieder OK.
Absatz.png

Auf meinem iPod 1 sind einige Icons auch nach unten verrutscht. Meinem Eindruck nach sind nur die eigenen Icons betroffen.

Viele Grüße

Burkhard

Wie ich die Sache im ersten Beitrag sehe , sind das alle Standards.
Kann ich aber mal testen.

Das liegt an iOS7. Wenn mir jemand einen Tipp geben kann warum, wäre ich dankbar. Unter allen anderen Webkit Browsern (Chrome/Safari) ist alles korrekt… Ich vermute hier eher einen iOS7 Bug…

paresy

Ich weiss nicht ob es dir etwas nutzt aber ich hab fuer mich eben eine „Workaround“ gefunden.
Hab mir mal die CSS-Datei icons.css in meinem Skin angesehen.
Anscheinend gibt es ein Problem mit dem Eintrag bei jedem Icon

background-position: center center;

Da gibt es einige GoogleEintrage in Verbindung mit IPAD.
Hab das mal geandert eines Icons ( Lightning ) geaendert und dann siehe es so aus am IPAD
lightning.png
Passt jetzt ganz genau.
Setsamerweise sagt Google man sollte von

background-position: center center;

auf

background-position-x: 50%;background-position-y: 50%;

passt aber noch nicht.
Meine Version ist

 background-position-x: 50%;background-position-y: 20%;

Dieser Eintrag hat aber keine Auswirkung auf FF. Da sieht immer noch alles gut aus.

BTW Gute Nacht

Hab eben nochmal Google Chrome getestet und da war es „Negativ“.
Besser ist die Angabe direkt in Pixel anzugeben.
Ich denke , dass ist die Loesung!


background-position-x: 2px;background-position-y: 2px;

funktioniert sehr gut .