Apfelinsel
iPhone, iPod, iPad, Apple TV, Watch => Thema gestartet von: warlord am September 06, 2008, 17:16:02
-
Als was für einen Medientyp betrachtet sich eigentlich das iPhone bzw. welche CSS-Informationen zieht der iPhone Safari heran, screen oder handheld?
-
Als screen.
Apple gibt ein paar Hinweise (http://developer.apple.com/documentation/AppleApplications/Reference/SafariWebContent/OptimizingforSafarioniPhone/chapter_3_section_2.html) dazu.
-
Wunderbar, danke.
-
Hallo nochmal.
Könnte mir eventuell jemand mit iPhone behilflich sein, indem er das folgende "Mockup" einer Seite besucht und mir angibt, was da alles iPhone-mässig nicht gut kommt und folglich in einem noch zu erstellenden"iPhone CSS" geändert werden müsste. Ein ziemlich sicherer Fehler dürfte wohl sein, dass die gelbe Kamera in den Titel hinein ragt. Gibt es noch andere Bugs?
Hier der Link:
http://www.privacywat.ch/mockup.htmlSorry fürs "Maskieren" des Links. Wird auf dem iPhone wohl besonders mühsam sein, so ohne copy and paste. Aber ich möchte zum jetzigen Zeitpunkt auf keinen Fall schon Besuch von Google & Co. Erstens ist die Site erst am Entstehen und zweitens ist der Zeitpunkt der Veröffentlichung dann nicht ganz unwichtig.
Ach ja, und das ist wirklich erst ein Mockup. Die Links und so funktionieren noch nicht.
-
Die gelbe Kamera ragt nicht ins Bild.
"Home - Technik - Daten..............." steht an der unteren Kante des gelben Hintergrunds.
Das gelbe Wort "Impressum" steht am Ende des grünen Striches, knapp links oberhalb von "Kommentare".
-
Vielen Dank fränk.
Die gelbe Kamera ragt nicht ins Bild.
Also mit der Kamera alles OK? Oder ist sie gar nicht im Bild?
"Home - Technik - Daten..............." steht an der unteren Kante des gelben Hintergrunds.
Müsste also weiter rauf, hab ich das richtig verstanden? (Hm, seltsam, Safari ist dann anscheinend nicht Safari.)
Das gelbe Wort "Impressum" steht am Ende des grünen Striches, knapp links oberhalb von "Kommentare".
Es ist gelb? ???
Es sollte eigentlich immer links unten im gerade sichtbaren Bereich stehen. Dass es dann je nach Scrollstand gerade über Kommentare steht ist möglich (und eigentlich gewollt). Sieht es so auf dem iPhone schlecht aus? Aber es ragt nicht in den grünen Strich hinein, oder schon?
-
Die Kamera ist OK. Nicht im Bild und hübsch in der horizontalen Mitte des grünen Hintergrundes.
Der Text "Home - Technik - Daten -........" muss innerhalb des gelben Hintergrundes nach oben.
Das Wort "Impressum" ist grün. Sorry. 8)
Es ist aber fest an seiner Position zwischen letzter und vorletzter Reihe des Textes und der letzte rechte Strich vom "m" hat Kontakt zum grünen Strich.
Sieht mies aus, so als hätte ich die Seite gemacht. ;)
-
OK, danke.
-
Jetzt besser?
-
Jetzt besser?
Ja besser.
Obwohl ich glaube der Text steckt voller Rechtschreibfehler.
-
Oh cool, ein Screenshot mal anders. ;D Vielen Dank.
Argh, was allerdings das Impressum so weit oben macht ist mir ein Rätsel. Diese Sch**-CSS können einen wirklich zur Verzweiflung bringen. Selber Browser unter eigentlich mehr oder weniger dem selben OS auf zwei unterschiedlichen Geräten und macht etwas ganz anderes. ::)
Ach ja, die Schreibfehler werden später bereinigt. Aber Danke für den Hinweis. ;D
-
Das iPhone kann spätestens mit Soft 2.0 auch Bildschirmfotos:
http://schimana.net/2008/07/apple/iphone-screenshots-erstellen/
-
Argh, was allerdings das Impressum so weit oben macht ist mir ein Rätsel. Diese Sch**-CSS können einen wirklich zur Verzweiflung bringen.
Kann ich eigentlich nicht mehr bestätigen. :)
Unter Safari, FF sind meine CSS-Basteleien meist sehr entspannend. Kleine notwendige Anpassung dann für IE7, einen Tick mehr für IE und viel für IE5.x.
Wenn ich mal etwas Zeit habe, schaue ich mal über Deine CSS drüber.
-
Unter Safari, FF sind meine CSS-Basteleien meist sehr entspannend.
Nun ja, entspannen tu ich mich zwar anders. Aber ja, Safari, FF, Camino, Opera und OmniWeb waren mit meinen CSS eigentlich sehr gnädig und einer Meinung.
Kleine notwendige Anpassung dann für IE7, einen Tick mehr für IE und viel für IE5.x.
Bis jetzt habe ich mich auf nur eine einzige Version für die IEs beschränkt. Aber ideal ist das in der Tat nicht. Werde wohl doch noch jeder Version ihr eigenes CSS spendieren müssen.
Wenn ich mal etwas Zeit habe, schaue ich mal über Deine CSS drüber.
Wäre lieb. Allerdings glaube ich im vorliegenden Fall nicht, dass ich irgend etwas falsch gemacht habe. Mir scheint eher, iPhone-Safari macht hier etwas falsch. Jedenfalls ist sonst kein Browser seiner Meinung. Auch sein grosser Bruder auf dem Mac nicht.
-
Mir scheint eher, iPhone-Safari macht hier etwas falsch.
Pah!
Neider!
-
Bis jetzt habe ich mich auf nur eine einzige Version für die IEs beschränkt.
Das geht ja schon deshalb nicht, weil die IEs unterschiedliche Bugs haben. Z.B. haben die IE5.x ja den Box-Model-Bug und müssen daher oft eine unterschiedliche Angabe für Breite und Höhe bekommen. Oder eben bei Einsatz von min-width oder ähnlichem kann zwar der IE7 das, aber die älteren nicht und die müssen dafür dann width bekommen.
Ich binde immer per Conditional Comment ein zusätzliches CSS für die jeweilige IE-Version ein und darin stehen dann nur die Abweichungen von dem normalen Stylesheet. Ist relativ harmlos, wenn man mal die einzelnen Probleme erkannt hat.
Wäre lieb. Allerdings glaube ich im vorliegenden Fall nicht, dass ich irgend etwas falsch gemacht habe.
Das wollte ich damit auch nicht sagen. Aber es gibt halt für ein Ergebnis oft mehrere Lösungswege und bestimmte Konstruktionen vermeide ich, weil sie öfters mal Probleme machen.
-
Das wollte ich damit auch nicht sagen. Aber es gibt halt für ein Ergebnis oft mehrere Lösungswege und bestimmte Konstruktionen vermeide ich, weil sie öfters mal Probleme machen.
Und ich wollte damit auch nicht sagen, dass ich für Profitipps nicht dankbar wäre. ;)
-
Ist zwar mittlerweile etwas das Themen-Chaos hier. Hätte vielleicht die iPhone-Safari-Rendering-Fragen besser in einen eigenen Thread ausgelagert. (Vielleicht kann ja einer der Mods noch, wenn er gerade etwas Zeit übrig hat. :))
Das geht ja schon deshalb nicht, weil die IEs unterschiedliche Bugs haben. Z.B. haben die IE5.x ja den Box-Model-Bug und müssen daher oft eine unterschiedliche Angabe für Breite und Höhe bekommen.
Hatte eigentlich nur die Windows-Version besagten Box-Model-Fehler? (Nebenbei: Auch der iPhone-Safari brauchte eine unterschiedliche Höhe.)
Habe möglicherweise nicht genügend IE-Versionen zur Verfügung. Aber bei meinen Test mit meinem für alle IEs ausgelegten Stylesheet laufen IE 5.2 Mac und der IE 7 Windows ziemlich synchron und soweit OK. Etwas aus der Reihe tanzt IE 6 für Windows.
-
Ist zwar mittlerweile etwas das Themen-Chaos hier. Hätte vielleicht die iPhone-Safari-Rendering-Fragen besser in einen eigenen Thread ausgelagert. (Vielleicht kann ja einer der Mods noch, wenn er gerade etwas Zeit übrig hat. :))
Mache ich heute abend, wenn ich daran denke.
Habe möglicherweise nicht genügend IE-Versionen zur Verfügung. Aber bei meinen Test mit meinem für alle IEs ausgelegten Stylesheet laufen IE 5.2 Mac und der IE 7 Windows ziemlich synchron und soweit OK. Etwas aus der Reihe tanzt IE 6 für Windows.
Der IE5.x (Win) hat mit IE5.x (Mac) überhaupt nichts zu tun. Die haben völlig unterschiedliche Renderengines mit völlig unterschiedlichen Fehlern. Wobei die Mac-Version meist besser war als die Win-Version.
Aber IE für Mac teste ich echt nicht mehr. Ich füge nur noch für die IEs Win einen conditional comment hinzu. Hat den Vorteil, dass es validiert und nur vom IE Win benutzt wird. Macht man Browser-Weichen durch CSS-Hacks, dann kann das durchaus sein, dass es mit einer zukünftigen Version Schwierigkeiten gibt. Ist so einfach schlanker und zuverlässiger.
-
Ich füge nur noch für die IEs Win einen conditional comment hinzu. Hat den Vorteil, dass es validiert und nur vom IE Win benutzt wird.
Ach so, die conditional comments werden vom Mac IE gar nicht ausgewertet? Dann läuft der bei mir also synchron mit den übrigen Browsern und nicht mit IE 7.
Macht man Browser-Weichen durch CSS-Hacks, dann kann das durchaus sein, dass es mit einer zukünftigen Version Schwierigkeiten gibt. Ist so einfach schlanker und zuverlässiger.
Ja, zu der Lösung bin ich auch gekommen. Für IE 7 funktionieren ja sowieso praktisch keine Hacks mehr.
-
Ach so, die conditional comments werden vom Mac IE gar nicht ausgewertet?
Ich glaube nicht. Bin mir aber nicht ganz sicher. Kannst Du ja recht einfach testen.
Ja, zu der Lösung bin ich auch gekommen. Für IE 7 funktionieren ja sowieso praktisch keine Hacks mehr.
Und bei Hacks weiß man nie, wie eine neue Version eines anderen Browsers darauf reagiert. Also eine im Prinzip unschöne Lösung.
-
Danke fürs Trennen.
Ach so, die conditional comments werden vom Mac IE gar nicht ausgewertet?
Ich glaube nicht. Bin mir aber nicht ganz sicher. Kannst Du ja recht einfach testen.
Er wertet sie wirklich nicht aus.