Ich entwickle derzeit eine rotierende Montage von Mixed Media auf einer Website. Es gibt ungefähr 5 Bilder / Videos, die auf der Website in Rotation angezeigt werden. Die Seite nutzt auch das Ektron CMS, also kann ich nicht bestimmen, welche Slots in der Montage Bilder sind und welche Videos sein werden. (Die Videos werden auf YouTube gehostet.)
Also, mein Problem ist, dass die Videos perfekt mit der Innenkante des Iframes ausgerichtet sind, aber die Bilder laden mit einem leichten Abstand von etwa 10px INSIDE den Iframe, der sehr schlecht ist, weil unsere Seite ist sehr genau ausgelegt und eine geringe Abweichung von sogar einem einzigen Pixel kann es vermasseln. Dies erscheint nur in FireFox und IE. Ich habe es in Chrome und Safari getestet und es funktioniert perfekt. Diese 4 Browser sind die einzigen 4, die wir offiziell unterstützen.
Hier ist mein HTML:
%Vor%Das CSS ist wie folgt:
%Vor%Dies ist der einzige Code auf der Website, der die Darstellung der Iframes aktiv beeinflusst.
Also, meine Frage ist, wie kann ich diesen Rand innerhalb des Iframe loswerden und warum wird es nur in FireFox und IE angezeigt ???
Es ist der Rumpf des Iframe-Inhalts, der dies steuert, nicht der Iframe selbst.
Verwenden Sie ein CSS-Reset auf den Iframe-Seiten (es wird auch auf der übergeordneten Seite nicht schaden) und alle wird gut.
Tags und Links html internet-explorer iframe firefox