Ich wollte in einer Webdesign Vorlage shadowbox verwenden und musste feststellen, dass es damit einige Probleme gibt:
1. Der Overlay Container erstreckt sich nicht auf die ganze Höhe des Displays
2. Der shadowbox Container sitzt immer zuoberst an der Seite. Wenn der Besucher sich daher innerhalb der Seite befindet und die Shadowbox aufruft, kann es vorkommen, dass diese nicht gesehen werden kann
Das Hauptproblem liegt an der fixierten Positionierung des shadowbox containers. MobileSafari kennt “position: fix” nicht. Anscheinend werden alle so positionierten Elemente wie “position: absolute” behandelt. Das andere Problem ist, dass die relative Grösse von 100% angewendet auf den HTML body nicht funktioniert.
Nachdem ich das Web nach möglichen Lösungen durchforstet habe, stellte ich fest, dass es anscheinend noch keine wirkliche Lösung für das Problem gibt. So habe ich mich selber daran gemacht um die Darstellung von shadowbox in MobileSafari in Ordnung zu bringen. Und anscheinend ist das auch gar nicht so schwierig.
In diesem Artikel möchte ich kurz meine Lösung des Problems beschreiben. Da ich jQuery verwendet habe, ist der verwendete Code nicht in allen Projekten 1:1 zu übernehmen, doch denke ich, wird klar, was unternommen werden muss.
Momentan evaluiere ich gerade einige Redaktionssysteme. Natürlich kenne ich die geläufigsten wie Typo3, WordPress, Joomla und Konsorte. Aber im web2.0 ist so einiges gegangen und für kleinere Kunden sind die grossen Biester einfach überdimensioniert. Was ich suche ist ein enorm einfaches CMS, deren Verwendung jedem noch so ungeübtem Benutzer auf den ersten Blick klar ist. Sich durch diverse Formulare und Menüs durchzuhangeln ist nicht gerade anwenderfreundlich. Für mich als Designer ist es ausserdem sehr wichtig, dass ein bestehendes Design mit wenig Aufwand integriert werden kann. Hier also mein kurzer Test verschiedener CMS Systeme.
Bisher wurde von vielen am iPhone bemängelt, dass es keine Flash-Dateien anzeigen kann. Das ist nun vorbei! Dazu muss die Flash-Datei jedoch entsprechend in einer Webseite eingebunden werden. Es gibt diverse Tools, um swf-Dateien via Javascript einzubinden (das bekannteste dürfte wohl swfobject sein). Das Framework Gordon erlaubt es nun, Flash in Webseiten zu benutzen:
Mensch, habe ich mich gestern wieder einmal abgemüht: ein Script, welches das mootools framwork 1.2.3 benutzt wollte in Firefox3 einfach nicht laufen. Dafür hielt ich mich prinzipiell an Standards und das Script war auch enorm kurz und übersichtlich. Mit Safari und Opera hatte ich keinerlei Probleme. Da suchte ich stundenlang, versuchte meinen Code zu bereinigen – obschon es nix zu bereinigen gab. Dann habe ich einmal die Fehlerkonsole von FF genauer unter die Lupe genommen und siehe da: ein Sicherheitsfehler. Eine Suche bei google hat ergeben, dass dies in einigen Fällen vorkommen kann, und dass das Problem, sobald die Seiten online sind, behoben ist. Wie bitte?!? Ja genau: sobald die Seiten öffentlich verfügbar sind, dann sind auch die Fehler weg.
Lange, lange ist es her, dass die Technik für pure CSS Menüs für Webseiten gefunden wurden. Es gibt einige Vor- und Nachteile, doch hat sich gezeigt, dass CSS Menüs sinnvoller sind als Javascript oder gar Flash Menüs.
Achtung: dieser Artikel ist für normale Leser wahrscheinlich etwas verwirrend. Versucht es nicht, es zu verstehen, sondern geniesst einfach das Wochenende!