Obecnie rozwijam obrotowy montaż mediów mieszanych na stronie internetowej. Istnieje około 5 zdjęć/filmów, które pojawią się w rotacji na stronie. Witryna korzysta również z CMS Ektron, więc nie ma sposobu, abym mógł określić, które gniazda w montażu będą obrazami, a które będą wideo. (Filmy wideo są przechowywane na YouTube).Jak mogę usunąć dodatkowy margines z WNĘTRsu elementu iframe?
Mój problem polega na tym, że filmy ładują się idealnie do wewnętrznej krawędzi ramki iframe, ale obrazy ładują się z niewielkim marginesem około 10 pikseli WEWNĄTRZ ramki iframe, co jest bardzo ważne: źle, ponieważ nasza strona jest bardzo precyzyjnie rozmieszczona, a niewielka zmiana nawet jednego piksela może zepsuć to. To pojawia się tylko w FireFox i IE. Testowałem w Chrome i Safari i działa idealnie. Te 4 przeglądarki to jedyne 4, które oficjalnie obsługujemy.
Tu jest mój 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 wygląda następująco:
#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;}
To jest tylko kod w miejscu, które aktywnie wpływają na sposób, że na wyświetlaczu iframe.
Moje pytanie brzmi: jak mogę pozbyć się tego marginesu wewnątrz elementu iframe i dlaczego jest on wyświetlany tylko w FireFox i IE ???
Jeżeli zawartość iframe jest tylko albo osadzony wideo z YouTube lub obraz z serwera WWW, to w jaki sposób mogę zrobić reset CSS tak jak wspomniano powyżej? –
Nie można kontrolować zawartości elementu iframe z innej domeny ze względu na tę samą zasadę pochodzenia, która jest stosowana w celu zapobiegania atakom skryptów krzyżowych. –
Cóż, nie potrzebuję resetowania CSS do filmów z youtube, ponieważ już działają (prawdopodobnie mają swój własny CSS, który już to robi). To obrazy z serwera sieciowego (w tej samej domenie), z którymi mam problemy. –