Hallo Forum,

ich habe einige Zeit danach gesucht, warum meine Website auf meinem iPad-Simlutor mit iOS 6.0 anders dargestellt wird, als im aktuellen Firefox/Chrome/Safari. Irgendwann ist mir klar geworden, dass es an mit dem folgenden Konstrukt zusammenhängen muss:

.myclass:.before {
position: absolute;
display:block;
content:"";
margin-top: -10%;
}

Konkret wurde der Inhalt in meinem mobilen Safari anders positioniert, als in den Desktop-Browsern. Irgendwann habe ich dann herausgefunden, dass der Webkit-Browser die prozentuale marin-top nicht wie vorgesehen in Relation zur Breite des umgebenen Containers berechnet, sondern zu dessen Höhe. Nun habe ich mich auch so weit vorgekämpft, dass ich einen entsprechenderen Bug-Report gefunden habe:

https://bugs.webkit.org/show_bug.cgi?id=54613

So, nun könnte ich das Problem lösen, indem ich per JS diese Berechnung vornehme um dann per JS Pixelwerte in das Style-Attribut der betroffenen Objekte schreibe.

Das möchte ich aber nur bei den betroffenen Browsern machen und den UA würde ich sogar die Webkit-Version hausfinden und könnte davon abhängig reagieren. Was ich aber nicht herausfinde ist welche Version betroffen bzw. ab welcher Version der Bug behoben ist.

In dem Bug Report steht, der Fehler sei mit der Version 528+ behoben wenn ich richtig lesen kann. Mein Safari gibt sich aber als Webkit 536.26 aus und trotzdem sehe ich da den Fehler.

Kann mir jemand verraten, wie ich das richtig recherchiere?

gruss, heinetz