Пустое пространство все еще присутствует вокруг границы iframe даже после того, как после установки frameborder в 0 - PullRequest
Новая
       20

Пустое пространство все еще присутствует вокруг границы iframe даже после того, как после установки frameborder в 0

8 голосов
/ 26 октября 2010

Даже После установки атрибута frameborder в iframe на 0 все еще остается некоторое пустое пространство вокруг границы iframe (в отличие от оригинальной страницы URL / ссылки). Есть ли какой-либо другой способ избавиться от пробелов, или вокруг фрейма должно быть какое-то белое, как оно есть внутри веб-страницы (или его части), и оно не может быть всей страницей? Спасибо.

Ответы [ 8 ]

11 голосов
/ 26 октября 2010

Возможно, этот пробел на самом деле является внешним полем документа, загруженного в <iframe>.Попробуйте оформить загруженный документ с помощью: 

html, body {
    border: 0px;
    margin: 0px;
    padding: 0px;
}
5 голосов
/ 18 августа 2016

Применить ниже к iframe 

display: block
1 голос
/ 18 сентября 2013

Добавив этот CSS, мы можем сделать iframe во весь экран 

body,html
{
    background-color:#DDEEDD;
    padding:0px;
    margin:0px;
    height:100%;
    width:100%;
    overflow:hidden;
}
iframe
{
    margin:0;
    padding:0;
    border:none;
    overflow:hidden;
    background-color:#DDEEDD;
}
1 голос
/ 26 октября 2010

попробуйте это: 

  <iframe bgcolor=#FFFFFF frameborder=0 vspace=0 hspace=0 marginwidth=0 marginheight=0 width=100%
   height="340" 
   src="myframe.html">
 </iframe>
0 голосов
/ 15 июня 2016

Я столкнулся с аналогичной проблемой: у меня был iframe внутри тега figure, и между iframe и элементом figcaption было некоторое свободное пространство. 

<figure>
  <iframe></iframe>
  <!-- white space was here -->
  <figcaption></figcaption>
</figure>

В моем случае простодобавление iframe { display:block } решило проблему.

0 голосов
/ 05 мая 2016

попробуйте 

<iframe src="....." style="position:absolute;"></iframe>
0 голосов
/ 23 сентября 2014

Предложение Фредерика решило мою проблему: как избавиться от белой границы в полноэкранном режиме слайд-шоу для браузера Safari.Отлично!Большое спасибо, wimsch [Поскольку я не смог добавить комментарий к его ответу [[<50]]: я добавил его сюда, чтобы он выразил свою благодарность] </p>

0 голосов
/ 17 января 2014

Просто добавьте style="margin: 0 0 0 0" внутрь <iframe > тега.

пример:

<iframe src="http://www.yahoo.com" style="margin: 0 0 0 0"></iframe>

Если вы хотите использовать поле, вы должны добавить 'px' после числа

(Благодаря инструменту «Проверка элемента» браузера Safari) это решило мое решение.

...