[TYPO3-german] OT: Safari auf ipad ignoriert CSS

Mon Aug 13 15:26:41 CEST 2012

Ich würde es komplett via @media screen und Bildschirm-Bereichen
machen (min-width, max-width). Damit kannst du ebenfalls ausgezeichnet
alle iOS-, Android-, Windows Mobile -und Blackberry-Geräte abfangen.

Zusätzlich gibt es natürlich noch die Media Queries zur Abfrage der
Pixeldichte für Retina Displays.

Da die Präsentationsschicht HTML und CSS ist, macht es absolut Sinn
die Media Queries direkt in CSS zu werfen, anstatt dies via TYPO3
rendern zu lassen.

Ferner fällt mit gerade kein Nutzen für den Handheld-Query ein.

Schau die ruhig mal exemplarisch das HTML5 Boilerplate an. Das ist ein
Kickstarter-Paket, bestehend aus Best Practice. Da ist auch Modernizr
drin, was bei modernen Projekten noch mal Polyfills für sinnvolle
Features bringt.

Auch noch interessant: für TYPO3 fliegt auf Github eine Portierung von
Adaptive Images rum - sehr geil in Kombination, weil es die
Bildergrößen nach Endgerät perfekt vorbereitet und damit enorm
Bandbreite spart.

Viel Erfolg!

Am 13.08.2012 um 15:14 schrieb "JCL - Johannes C. Laxander" <jc at laxander.com>:

>
> Hallo Ephraim,
>
> das war ein guter Tipp, danke! Zumidest unter der Test-Domain hat's schon mal funktioniert.
>
> Nach meiner isMobile-Prüfung ckecke ich jetzt zusätzlich noch 'useragent = *ipad*' und ändere dann den media type auf screen ab. Genügt das deiner Meinung nach oder machst due es anders?
>
> -----
> [userFunc = user_isMobile()]
> page.includeCSS {
>  file1 = fileadmin/templates/css/mobile.css
>  file1.media = handheld
> }
> [else]
> page.includeCSS {
>  file1 = fileadmin/templates/css/styles.css
>  file1.media = screen
> }
> [global]
>
> [useragent = *iPad*]
> page.includeCSS.file1.media = screen
> [global]
> -----
>
> Johannes.
>
>> -----Ursprüngliche Nachricht-----
>> Von: typo3-german-bounces at lists.typo3.org
>> [mailto:typo3-german-bounces at lists.typo3.org] Im Auftrag von
>> Ephraim Härer
>> Gesendet: Montag, 13. August 2012 08:48
>> An: typo3-german at lists.typo3.org
>> Betreff: Re: [TYPO3-german] OT: Safari auf ipad ignoriert CSS
>>
>> Hi,
>> ich tippe mal darauf, dass das media="handheld" beim
>> inkludieren des CSS-File vom iPad ignoriert wird.
>>
>> Gruß
>> Ephraim
>>
>>
>> Am 12.08.2012 14:48, schrieb Andreas Becker:
>>> sie sind da aber koennen wohl nicht gelesen werden, weshalb
>> ich meinte
>>> mal zu probieren obes an dem umlaut liegt
>>>
>>> 2012/8/12 JCL - Johannes C. Laxander <jc at laxander.com>
>>>
>>>>
>>>> Hallo Andi,
>>>>
>>>> du schreibst "CSS fehlt". Meinst du damit, dass die CSS
>> Dateien gar
>>>> nicht geladen werden, oder einfach nicht ausgeführt /
>> berücksichtigt
>>>> werden. Denn m.E. wewrden sie geladen, zumidest kann ich sie ja im
>>>> Safari sehen, wenn ich mir die Webinformationen anzeigen lasse, da
>>>> tauchen sie in den Ressourcen unter Style-Sheets auf, und
>> daknn ich
>>>> mir auch den Inhalt anzeigen lassen.
>>>>
>>>> Gruß, Johannes.
>>>>
>>>>> -----Ursprüngliche Nachricht-----
>>>>> Von: typo3-german-bounces at lists.typo3.org
>>>>> [mailto:typo3-german-bounces at lists.typo3.org] Im Auftrag
>> von Andreas
>>>>> Becker
>>>>> Gesendet: Sonntag, 12. August 2012 14:09
>>>>> An: German TYPO3 Userlist
>>>>> Betreff: Re: [TYPO3-german] OT: Safari auf ipad ignoriert CSS
>>>>>
>>>>> OK geht hier auch nicht CSS fehlt.
>>>>>
>>>>> Hast du mal die Domain auf eine ohne umlaut umgestellt? -
>> oder lege
>>>>> einfach einmal einen anderen Domain record an und checke ob die
>>>>> BaseURL richtig ist. RealURL cache leeren. Wir nutzen
>> keine Umlaute
>>>>> in domains und hatten bisher auch keine Probleme mit iPad
>> oder iPod
>>>>> Anzeigen.
>>>>>
>>>>>
>>>>> Andi
>>>>>
>>>>>
>>>>>
>>>>>
>>>>> 2012/8/12 JCL - Johannes C. Laxander <jc at laxander.com>
>>>>>
>>>>>>
>>>>>> Hallo Andreas,
>>>>>>
>>>>>> hier der Link: http://www.oekohum.de. Danke für deine Hilfe.
>>>>>>
>>>>>> Gruß, Johannes.
>>>>>>
>>>>>>> -----Ursprüngliche Nachricht-----
>>>>>>> Von: typo3-german-bounces at lists.typo3.org
>>>>>>> [mailto:typo3-german-bounces at lists.typo3.org] Im Auftrag
>>>>> von Andreas
>>>>>>> Becker
>>>>>>> Gesendet: Sonntag, 12. August 2012 12:54
>>>>>>> An: German TYPO3 Userlist
>>>>>>> Betreff: Re: [TYPO3-german] OT: Safari auf ipad ignoriert CSS
>>>>>>>
>>>>>>> Also wir haben keine Probleme bisher damit hast du mal nen Link!
>>>>>>> Ist der iPad vom OS auf dem aktuellen Stand?
>>>>>>>
>>>>>>> 2012/8/12 JCL - Johannes C. Laxander <jc at laxander.com>
>>>>>>>
>>>>>>>> Hallo,
>>>>>>>>
>>>>>>>> ich habe eine Website die wird auch auf Smartphones
>>>>> angezeigt, ist
>>>>>>>> aber nicht für mobile Endgeräte optimiert.
>>>>>>>>
>>>>>>>> Trotzdem stellt sich mir die Frage, warum beim iPad die Seiten
>>>>>>>> angeszeigt werden, als ob es kein CSS gäbe. Die CSS Dateien
>>>>>>> sind aber
>>>>>>>> da und werden auch geladen, das habe ich im Safari Browser mit
>>>>>>>> User Agent iPad überprüft, da werden die Dateien nämlich unter
>>>>>>> "Webinformationen" angezeigt.
>>>>>>>>
>>>>>>>> Hat irgendwer eine Idee, woran das liegen kann?
>>>>>>>>
>>>>>>>> In diesem Zusammenhang eininteressanter Link:
>>>>>>>>
>>>>>>>>
>>>>>>>
>>>>>
>> http://www.htmlgoodies.com/beyond/webmaster/toolbox/article.php/3889
>>>>>>> 01
>>>>>>>>
>>>>> 1/Using-Safari-for-iPhone-iPad-and-iPod-Touch-Website-Testing.htm
>>>>>>>>
>>>>>>>> Gruß, Johannes.
>>>>>>>>
>>>>>>>> _______________________________________________
>>>>>>>> TYPO3-german mailing list
>>>>>>>> TYPO3-german at lists.typo3.org
>>>>>>>> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
>>>>>>> _______________________________________________
>>>>>>> TYPO3-german mailing list
>>>>>>> TYPO3-german at lists.typo3.org
>>>>>>> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
>>>>>>>
>>>>>>
>>>>>> _______________________________________________
>>>>>> TYPO3-german mailing list
>>>>>> TYPO3-german at lists.typo3.org
>>>>>> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
>>>>>>
>>>>> _______________________________________________
>>>>> TYPO3-german mailing list
>>>>> TYPO3-german at lists.typo3.org
>>>>> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
>>>>>
>>>>
>>>> _______________________________________________
>>>> TYPO3-german mailing list
>>>> TYPO3-german at lists.typo3.org
>>>> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
>>>>
>>
>> _______________________________________________
>> TYPO3-german mailing list
>> TYPO3-german at lists.typo3.org
>> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
>>
>
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german