Online-Rezeption wird auf manchen Mobilgeräten abgeschnitten dargestellt

Alexander Hepp

Hallo zusammen,

wir haben ein Darstellungsproblem mit der in unsere Website eingebetteten Online-Rezeption.

Auf einigen Mobilgeräten wird die Online-Rezeption nicht vollständig angezeigt – ein Teil der Ansicht ist abgeschnitten, sodass nicht alle Inhalte sichtbar sind.

Unser Web-Hoster vermutet, dass das eingebundene Skript angepasst werden müsste. Alternativ wurde uns folgende mögliche Ursache genannt:

Responsives iFrame-Layout: Der Container, in den die Online-Rezeption eingebettet ist, besitzt auf Mobilgeräten möglicherweise keine ausreichende Mindesthöhe bzw. keine Breite von 100 %. Dadurch kann es vorkommen, dass Inhalte abgeschnitten dargestellt werden.

Daher unsere Fragen:

Ist dieses Verhalten bekannt?
Gibt es Empfehlungen zur responsiven Einbindung der Online-Rezeption?
Muss das Einbindungsskript angepasst werden oder liegt die Ursache eher am umgebenden iFrame bzw. Container auf unserer Website?
Gibt es Best Practices oder eine aktuelle Einbindungsempfehlung für Mobilgeräte?

Vielen Dank für eure Unterstützung!

Binh Ta

Hallo Herr Hepp,

das liegt daran, dass der Header auf Ihrer Seite ("fusion-header-wrapper") einen sehr hohen z-index von 10011 hat. Die Online-Rezeption hat allerdings nur einen z-index von 8000. Der z-index bestimmt die Stapelreihenfolge von Elementen. Zurzeit gibt es noch nicht die Möglichkeit den z-index der Online-Rezeption anzupassen. Deswegen müssten Sie aktuell in dem Fall den z-index des Headers unter 8000 ansetzen.

Viele Grüße,
Binh Ta