Erledigt - Element wird bei Apple nicht angezeigt

Squeendot · 09.02.2015

Hallo liebe Community,

ich habe ein Problem. Ich habe eine Website mit TYPO3 gestaltet und mitten auf der Seite befindet sich ein <p>-Element, welches von einem <article>-Elternelement umfasst wird.
Das ganze wird per TypoScript befüllt. Jetzt bin ich gerade dabei, die Seite responsive zu machen und habe beim Test auf verschiedenen Endgeräten bemerkt, dass genau dieses <p>-Element immer korrekt angezeigt wird, außer auf Apple-Produkten (also iPad & iPhone egal welche Generation).
Auf dem Mac wird es natürlich richtig angezeigt.

Hat jemand eine Idee, warum das so sein könnte?

Lieber Gruß,

Julian

Squeendot · 09.02.2015

So, jetzt habe ich mein Problem doch selber lösen können

Für alle, die den selben Fehler haben, oder die es interessiert hier die Lösung:

Apple verwendet eine Telefonnummernerkennung. Da hätte ich früher dran denken müssen.
Um diese abzuschalten einfach folgenden Meta-Tag in den <head>-Teil einfügen:

HTML:

<meta name="format-detection" content="telephone=no">

Wenn man jetzt trotzdem noch bestimmte Telefonnummern verlinken will (so dass der Benutzer des mobilen Endgerätes einfach darauf drücken muss und er automatisch einen Anruf tätigt), muss man die Nummern manuell wieder verlinken.
Das geht mit folgendem Code-Schnipsel:

HTML:

<a href="tel:+12312345678">+49 123 12345678</a>

Also wie eine mailto:-Verankerung.

Ich hoffe, ich konnte einigen zurückgebliebenen Seelen (wie mir) damit helfen.

Lieber Gruß,

Julian