Medienanbieter "Instagram" überlappt Content

Bei Nutzung des Medienanbieters "Instagram" wird in der dazugehörigen Iframe-Klasse instagram-media das Attribut position: absolute; verwendet. Das führt dazu, dass der Instagram-Inhalt aus dem eigentlichen Posting herausragt und die Beiträge darunter überlappt.

Nach Rücksprache mit dem Support habe ich es wie folgt gelöst und parallel diesen Thread erstellt.

.instagram-media {
    position: static !important;
}

Nachtrag: Auf Apple Geräten wird nach dieser Anpassung nur noch ein weißes Feld ohne Inhalt angezeigt.

Quote from mipu

Was passiert denn bei euch wenn ihr das einsetzt.

CSS

.instagram-media  {
    position: relative!important;
}

Bei mir passt es so, Apple kann ich leider nicht testen.

Habe es gerade getestet: Klappt (ebenfalls) überall - nur bei Apple Geräten nicht.

Scheinbar wurde dieser Code gefixt, denn nun funktioniert alles freiwillig und ohne die obige CSS-Anpassung.

Allerdings kann man den Fehler trotzdem noch erkennen: Beim Laden der Seite überlappt das eingebettete Insta-Posting für wenige Millisekunden auch weiterhin den Beitrag darunter. Zeitgleich wird der Beitrag mit dem Insta-Posting nun aber auf die notwendige Größe vergrößert.

Ich lasse die CSS-Anpassung also auch weiterhin drin:

.instagram-media {
    position: static !important;
}