Wie kann ich Sie entfernen extra-Marge von INNEN ein iframe?
Ich bin derzeit an der Entwicklung einer drehbaren montage der mixed-media auf einer Webseite. Es gibt ungefähr 5 Bilder/videos, die das erscheinen in rotation auf der Website. Die Website nutzt auch die Ektron CMS, so gibt es keine Möglichkeit, dass ich bestimmen kann, welche slots in der montage werden die Bilder und die videos. (Die videos sind auf YouTube gehostet.)
So, mein problem ist, dass die videos laden perfekt ausgerichtet mit dem inneren Rand des iframe, aber die Bilder laden, die mit einer geringen Marge von etwa 10px INNERHALB des iframe die sehr schlecht, weil unsere Seite angeordnet ist, die sehr präzise und eine leichte variation von sogar one pixel kann es Durcheinander. Dies erscheint nur in FireFox und IE. Ich habe getestet in Chrome und Safari und es funktioniert perfekt. Diese 4 Browser sind die nur 4, die wir offiziell unterstützen.
Hier ist mein HTML:
<head>
<body>
<div id="mainImage">
<iframe scrolling="no" frameborder="0" runat="server" id="MainImage1"
src="http://www.youtube.com/embed/u1zgFlCw8Aw?wmode=transparent">
IFRAMES do not work in your browser</iframe>
<iframe scrolling="no" frameborder="0" runat="server" id="MainImage2"
src="images/default/mainImage/mainImage_02.jpg">
IFRAMES do not work in your browser</iframe>
</div>
</body>
</head
CSS ist wie folgt:
#mainImage iframe{position:absolute; top:0; left: 0; padding:12px 0 0 12px; display:block;}
#mainImage iframe html, body{ margin:0px; padding:0px; border:0px;}
Dies ist der einzige code auf der Website, die aktiv die Art und Weise auswirkt, dass die iframes angezeigt.
So, meine Frage ist, wie kann ich es loswerden-Marge innerhalb des iframe und warum es nur die Anzeige im FireFox und IE???
Du musst angemeldet sein, um einen Kommentar abzugeben.
Es ist der Körper des Iframe-Inhalts, der steuert nicht, der Iframe selbst.
Verwenden CSS-reset auf die Iframe-Seiten (es wird nicht Schaden auf der übergeordneten Seite) und alles wird gut.
Scheint es, wie
marginheight
undmarginwidth
tut den job auch. Sehen https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe.Oft benutze ich :