1. дома
  2. Вопрос и ответ
  3. Как удалить дополнительную маржу из INSIDE iframe?

Как удалить дополнительную маржу из INSIDE iframe?

2013-02-21 3 views
8

В настоящее время я разрабатываю вращающийся монтаж смешанных носителей на веб-сайте. Около 5 изображений/видеороликов, которые появятся в ротации на сайте. Сайт также использует Ektron CMS, поэтому я не могу определить, какие слоты в монтаже будут изображениями и какие будут видео. (Видеоролики размещены на YouTube.)Как удалить дополнительную маржу из INSIDE iframe?

Итак, моя проблема заключается в том, что загрузка видео идеально выравнивается с внутренним краем iframe, но изображения загружаются с небольшим отрывом примерно в 10 пикселей в формате 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;}

Это единственный код, на сайте, который активно влияет на способ, что дисплей IFrames.

Итак, мой вопрос: как я могу избавиться от этого поля внутри iframe и почему он отображается только в FireFox и IE ???

источник

2013-02-21 Joel Trauger

ответ

3

Это тело содержимого Iframe, которое управляет этим, а не сам Iframe.

Используйте страницы CSS reset на страницах Iframe (это не повредит на родительской странице), и все будет хорошо.

источник

2013-02-21 20:09:47

+0

Если содержание фрейма только либо встроенное видео с YouTube или изображение с веб-сервера, то как я могу сделать сброс CSS, как вы упомянули выше? –

+0

Вы не можете контролировать содержимое iframe из другого домена из-за той же политики происхождения, которая существует для предотвращения атак межсайтового скриптинга. –

+0

Ну, мне не нужен сброс CSS для видео youtube, потому что они уже работают (у них, вероятно, есть свой собственный CSS, который делает это уже). Это изображения с веб-сервера (в том же домене), с которыми у меня возникают проблемы. –

Смежные вопросы

 Смежные вопросы