CSS: Youtube iframe verschiebt Hintergrundbild
Hallo,
ich habe eine Webseite mit einem Hintergrundbild (ich verwende im Grunde das Massively-Theme). Soweit alles schick.
Sobald ich aber ein Youtube-Video über ein iframe einbette, verschiebt sich das Hintergrundbild nach oben, so dass man nur die untere Hälfte des Bildes sieht. Erst wenn man in der Seite scrollt, fällt es wieder an die richtige Stelle.
Irgendwie scheint sich das Hintergrundbild mit iframe nicht zu vertragen.
Irgendwelche Ideen?
Sebastian
ich habe eine Webseite mit einem Hintergrundbild (ich verwende im Grunde das Massively-Theme). Soweit alles schick.
Sobald ich aber ein Youtube-Video über ein iframe einbette, verschiebt sich das Hintergrundbild nach oben, so dass man nur die untere Hälfte des Bildes sieht. Erst wenn man in der Seite scrollt, fällt es wieder an die richtige Stelle.
Irgendwie scheint sich das Hintergrundbild mit iframe nicht zu vertragen.
Irgendwelche Ideen?
Sebastian
So, es ist gelöst. Danke an Edi für die Anregungen.
Falls noch jemand dieses Problem bekommt, hier die Lösung.
Das Problem ist ein Problem des Themes Massively.
Das Hintergrundbild wird (warum auch immer) bei diesem Theme nicht auf der Seite verankert, sondern in einem "#wrapper" dessen Position aber nicht fix ist. Darauf gekommen bin ich, weil das Hintergrundbild ganz komische Scrolleigenschaften hatte. Es ist je nach CSS-Eigenschaften auch mal in die falsche Richtung gescrollt. Also z.B. nach oben, wenn man die Seite nach unten gescrollt hat.
Verankert man das Hintergrundbild über das CSS auf der Seite (z.B. im html-body) bleibt es an Ort und Stelle.
Grüße,
Sebastian
Falls noch jemand dieses Problem bekommt, hier die Lösung.
Das Problem ist ein Problem des Themes Massively.
Das Hintergrundbild wird (warum auch immer) bei diesem Theme nicht auf der Seite verankert, sondern in einem "#wrapper" dessen Position aber nicht fix ist. Darauf gekommen bin ich, weil das Hintergrundbild ganz komische Scrolleigenschaften hatte. Es ist je nach CSS-Eigenschaften auch mal in die falsche Richtung gescrollt. Also z.B. nach oben, wenn man die Seite nach unten gescrollt hat.
Verankert man das Hintergrundbild über das CSS auf der Seite (z.B. im html-body) bleibt es an Ort und Stelle.
Grüße,
Sebastian