You are not logged in.

Dear visitor, welcome to WoltLab Bugtracker. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

  • Arian Glander

    Ehemaliger Geschäftsführer

    You have to register first, to connect to this user.

2

Mobile Safari unterstützt kein position: fixed

Rating:

by Arian Glander, Wednesday, July 29th 2009, 11:47am

Ich habe mich bislang noch nicht wirklich mit den technischen Feinheiten der mobilen Browser beschäftigt. Durch iPhone & Co. wird die mobile Nutzung auch von Internetforen sicher weiter zunehmen. Zu sehen auch daran, dass es bereits erste Probleme von Kunden gemeldet wurden.

Ich wollte mir nun mal den ImageViewer genauer ansehen, hier gibt es auf dem mobilen Gerät 2 Probleme:
  1. Das Bild wird nicht an der richtigen Stelle angezeigt und der abgedunkelte Hintergrund geht nicht über das ganze Dokument
  2. Das Menü wird nicht angezeigt
Problem Nr. 2 ist eigentlich ganz klar: Das Menü wird nur bei Mausbewegung eingeblendet. Auf einem Touch Screen gibt es aber keine Mausbewegung, lediglich Klicks. Hier müsste man einige Codestellen im Javascript ändern, so dass das Menü gar nicht erst ausgeblendet wird.

Das erste Problem irritierte mich ein wenig, erinnerte es doch an die Darstellung im Internet Explorer 6. Das Rätsels Lösung: Die Angabe position: fixed scheint im mobilen Safari nicht unterstützt zu werden. Der "richtige" Safari hat damit aber keine Probleme. Die Workarounds, die es dazu im Web gibt, sind nicht wirklich zufrieden stellend. Vermutlich wird es darauf hinauslaufen, dass der ImageViewer auf dem iPhone so gebaut wird, wie im IE 6. Dort wird das Bild immer ganz oben angezeigt, wenn man doch die Seite scrollt, verschwindet das Bild aus der Anzeige.

Falls ihr selbst mal testen wollt, ich habe eine Beispielseite hochgeladen:
www.woltlab.com/test.html

This article has been read 1,977 times.

Categories: Browser


Comments (13)

  • 13

    by Thomikie (Monday, September 7th 2009, 1:26am)

    Es gibt für Windows Mobile jetzt eine Firefox Version namens "Fennec" ist jetzt in Version Alpha 3, man kann diesen Browser zum testen auch auf dem Desktop Rechner installieren (Windows / MAC / Linux)

    Link: http://www.mozilla.org/projects/fennec/1…m/releasenotes/

    Download auch hier: http://ftp.mozilla.org/pub/mozilla.org/mobile/1.0b3/

    Ich teste auf meinem Windows Mobile phone derzeit den Skyfire Browser, war vorhin auch hier online damit, funktionierte eigentlich ganz gut, beim einloggen hatte ich kurzzeitig Probleme aber sonst funktionierte es erstaunlich gut.

  • 12

    by helga (Friday, September 4th 2009, 3:06pm)

    nachdem das Update nun offiziell reinkam, habe ich nun auch von IE7 auf IE8 upgedatet.
    Nun fiel mir bei der einen oder anderen Seite auf, dass der IE8 rechts oben das Symbol anzeigt, wo man per klick in der IE7-Modus wechseln kann, da eventl. das eine oder andere nicht richtig im 8er laufen könnte. Um eine Webseite nun nur im IE7-Modus laufen zu lassen (ohne die anzeige des Icons im Browser), kann man dies mit einer kleinen META-Angabe im Header machen:

    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

    Hierbei läuft der IE8 im IE7-Modus, ohne das der User was davon mitbekommt.
    Sowas kann man auch gut für Tests nutzen, um zu sehen, wie die Webseite auf alten IE-Versionen laufen, wie z.b. im IE5 oder IE6. Dort nur die Version anpassen.

  • 11

    by Habit (Saturday, August 1st 2009, 6:42pm)

    Wir bei der Telekom sind bereits beim IE8 angekommen. :)

  • 10

    by hensel (Saturday, August 1st 2009, 3:31pm)

    der ie 6 wird in firmen aber noch sehr häufig eingesetzt.
    ich mein klar surfen die mitarbeiter der firmen nicht so oft in foren aber wenn ihr die vernachlässigt dann werden kunden wie bmw oder telekom nicht mehr intern auf woltlab setzen.

  • 9

    by helga (Thursday, July 30th 2009, 8:16pm)

    Jetzt passt es wieder mit der ansicht hier im blog.

  • 8

    by Hawkes (Thursday, July 30th 2009, 5:02pm)

    Ich hab mal einen ganz dreisten Wunsch: Wie wäre es einfach fürs iPhone auf die entsprechend erweiterte JS Bibliothek zurückzugreifen, um Touchgesten zu unterstützen?

  • 7

    by helga (Thursday, July 30th 2009, 1:54pm)

    geht auch nicht

  • 6

    by Macixus (Wednesday, July 29th 2009, 6:57pm)

    bei opera muss man bei mir lange drauf halten, dann kann man was rein schreiben

  • 5

    by helga (Wednesday, July 29th 2009, 5:20pm)

    habe das mal mit den Bildern mit dem Google Android getestet.
    Wenn man da auf ein Thumb klickt, passiert "optisch" erstmal nix, wenn man nicht gerade oberhalb der Seite ist. Wenn ich nun nach oben gehe, dann erscheint in der vollen Breite und in der Höhe meines Screens die graue Fläche mit dem Bild.
    Das Menu zum weiterblättern wird mir ebenfalls nicht angezeigt.

    Desweiteren wird mir hier in der Blog-Ansicht die linke Spalte mit dem Blogtext 1/3 von der Breite angezeigt und die rechte Spalte mit den Boxen zu 2/3 der Seite.

    Wenn man einen Beitrag schreiben will, wird der Editor zwar geladen, aber ins Textfeld kann man nix rein schreiben.

  • 4

    by Macixus (Wednesday, July 29th 2009, 3:06pm)

    ok, kein prob, kannst dich jederzeit bei mir melden für das testen!

    allerdings..ich finde, das foren mit dem iphone eben besser gehen, dafür hat das iphone eben seinen preis ^^

  • 3

    by Arian Glander (Wednesday, July 29th 2009, 2:57pm)

    @Rudi: Kann man mal bei Gelegenheit machen. Wir haben ca. 65% Firefox-Benutzer. Wir richten uns aber nicht nur nach den Besuchern auf unserer Seite, sondern müssen allgemeine Statistiken heranziehen. Ich hoffe, dass der IE6 Anteil spätestens mit Windows 7 in den Keller geht.

    @Macixus: Momentan noch nicht, zumindest wissen wir jetzt woran es liegt. Ich habe seit kurzem ein iPhone und kann daher besser testen.

  • 2

    by Macixus (Wednesday, July 29th 2009, 2:48pm)

    also gehts mit dem safari browser? ich freue mich, das sich woltlab auch um die probleme von mobile-nutzern kümmert! Wenn ihr wollt, stehe ich gerne für testzwecke zur Verfügung! Kommunikationsmöglichkeiten: ICQ, Skype, MSN

    über ein Programm sehe ich auch den kompletten Bildschirm im Computer, also könnte der mitarbeiter über TeamViewer o.Ä. die auswirkung sehen!

    ich lese gerade, das Arian Glander bereits über ein iPhone verfügt, oder? ich nicht, ich habe ein normales PDA..ist bestimmt auch bisschen anders, denn iphone hat ja einen optimerten browser etc etc

  • 1

    by Rudi (Wednesday, July 29th 2009, 1:02pm)

    Was mich in dem Zusammenhang mal interessieren würde: Wie sieht's eigentlich mit den verwendeten Browsern bei WoltLab aus? Wäre vielleicht mal ganz interessant wie viele eurer Kunden noch unzureichende Browser verwenden... Der Blog bietet sich ja geradezu an :)
    Natürlich nur machen wenn Zeit wäre, wenn nie Zeit ist lieber nie machen *g*

    Gibt es eigentlich bereits Planungen wann ihr die Unterstützung für den IE 6 aufgeben möchtet? Vielleicht an die Verbreitung des IE 6 geknüpft (momentan weltweit ungefähr zwischen 15 % und 25 %; europaweit ungefähr zwischen 10 % und 15 %; deutschlandweit ungefähr zwischen 5 % und 10%), wenn er z. B. die 10-Jahres-Marke knackt (das wäre dann August 2011) oder zu einem eurer zukünftigen Releases (z. B. WBB 3.3) - oder noch gar nichts geplant bzw. nie darüber nachgedacht? Ihr werdet sicherlich, so wie der Rest der Webentwicklerschaft, froh sein wenn ihr ihn wirklich endlich vergessen könnt. ;)

Blog navigation

Next article

HTML-Entities in JavaScript verwenden

by Arian Glander (Tuesday, September 1st 2009, 3:17pm)

Previous article

Avatar im Benutzermenü

by Arian Glander (Tuesday, July 28th 2009, 11:41am)