Как я могу удалить дополнительную маржу из INFIDE iframe?
В настоящее время я разрабатываю ротационный монтаж смешанных материалов на веб-сайте. Есть около 5 изображений / видео, которые будут появляться в ротации на сайте. На сайте также используется Ektron CMS, поэтому я не могу определить, какие слоты в монтаже будут изображениями, а какие - видео. (Видео размещены на YouTube.)
Итак, моя проблема в том, что видео загружается идеально выровненным по внутреннему краю iframe, но изображения загружаются с небольшим запасом около 10pX ВНУТРИ iframe, которыйочень плохо, потому что наш сайт выложен очень точно и небольшое изменение дажеодин пиксель может испортить это. Это появляется только в FireFox и IE. Я тестировал в Chrome и Safari, и он работает отлично. Эти 4 браузера являются единственными 4, которые мы официально поддерживаем.
Вот мой 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 выглядит следующим образом:
#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;}
Это единственный код на сайте, который активно влияет на способ отображения фреймов.
Итак, мой вопрос, как я могу избавиться от этого поля внутри iframe и почему он отображается только в FireFox и IE ???