Удалить границу с IFrame

Ответ 1

Добавьте атрибут frameBorder (обратите внимание на капитал > B).

Итак, это будет выглядеть так:

<iframe src="myURL" width="300" height="300" frameBorder="0">Browser not compatible.</iframe>

Ответ 2

После безумного попытки удалить границу в IE7, я обнаружил, что атрибут frameBorder чувствителен к регистру.

Вы должны установить атрибут frameBorder с капиталом B.

<iframe frameBorder="0" ></iframe>

Ответ 3

Согласно документации iframe, frameBorder устарел, и использование CSS-атрибута border является предпочтительным:

<iframe src="test.html" style="width: 100%; height: 400px; border: 0"></iframe>

• Примечание. Свойство CSS border не достигает желаемых результатов в IE6, 7 или 8.

Ответ 4

В дополнение к добавлению атрибута frameBorder вы можете рассмотреть возможность установки атрибута прокрутки на "нет", чтобы предотвратить появление полос прокрутки.

<iframe src="myURL" width="300" height="300" frameBorder="0" scrolling="no">Browser not compatible. </iframe > 

Ответ 5

Для особых проблем браузера также добавьте frameborder="0" hspace="0" vspace="0" marginheight="0" marginwidth="0" в соответствии с Dreamweaver:

<iframe src="test.html" name="banner" width="300" marginwidth="0" height="300" marginheight="0" align="top" scrolling="No" frameborder="0" hspace="0" vspace="0">Browser not compatible. </iframe>

Ответ 6

Использовать атрибут frameforder iframe HTML

http://www.w3schools.com/tags/att_iframe_frameborder.asp

Примечание. Использовать фрейм B (cap B) для IE, иначе работать не будет. Но атрибут frameborder iframe не поддерживается в HTML5. Итак, используйте CSS.

<iframe src="http://example.org" width="200" height="200" style="border:0">

вы также можете удалить прокрутку, используя атрибут прокрутки http://www.w3schools.com/tags/att_iframe_scrolling.asp

<iframe src="http://example.org" width="200" height="200" scrolling="no" style="border:0">

Также вы можете использовать бесшовный атрибут, который является новым в HTML5. Абсолютный атрибут тега iframe поддерживается только в Opera, Chrome и Safari. Когда присутствует, он указывает, что iframe должен выглядеть так, как будто он является частью содержащего документа (без границ или полос прокрутки). На данный момент, бесшовный атрибут тега поддерживается только в Opera, Chrome и Safari. Но в ближайшем будущем это будет стандартное решение и будет совместимо со всеми браузерами. http://www.w3schools.com/tags/att_iframe_seamless.asp

Ответ 7

Вы можете использовать style="border:0;" в вашем коде iframe. Это рекомендуемый способ удаления границы в HTML5.

Откажитесь от моего html5 iframe generator для настройки вашего iframe без редактирования кода.

Ответ 8

Добавьте атрибут frameBorder (Capital 'B).

<iframe src="myURL" width="300" height="300" frameBorder="0">Browser not compatible. </iframe>

Ответ 9

Свойство стиля можно использовать Для HTML5, если вы хотите удалить boder вашего фрейма или что-нибудь, вы можете использовать свойство style. как указано ниже

Код идет здесь

<iframe src="demo.htm" style="border:none;"></iframe>

Ответ 10

Вы также можете сделать это с помощью JavaScript таким образом. Он найдет любые элементы iframe и удалит их границы в IE и других браузерах (хотя вы можете просто установить стиль "border: none;" в браузерах, отличных от IE, вместо использования JavaScript). И он будет работать, даже если используется ПОСЛЕ того, как iframe создается и находится в месте документа (например, iframes, которые добавляются в обычный HTML, а не JavaScript)!

Это работает, потому что IE создает границу, а не в элементе iframe, как вы ожидали, но в CONTENT iframe - после создания iframe в спецификации. ($ @& * # @!!! IE!!!)

Примечание. Часть IE будет работать только (конечно), если родительское окно и iframe находятся из ТОГО ИСТОЧНИКА (тот же домен, порт, протокол и т.д.). В противном случае script получит ошибки "отказа в доступе" в консоли ошибок IE. Если это произойдет, единственный вариант - установить его перед тем, как он будет сгенерирован, как отмечали другие, или использовать нестандартный атрибут frameBorder = "0". (или просто пусть IE выглядит уродливо - мой текущий любимый вариант;))

Взял меня МНОГИЕ часы работы до отчаяния, чтобы понять это...

Enjoy.:)

// =========================================================================
// Remove borders on iFrames

if (window.document.getElementsByTagName("iframe"))
   {
      var iFrameElements = window.document.getElementsByTagName("iframe");
      for (var i = 0; i < iFrameElements.length; i++)
         {
            iFrameElements[i].frameBorder="0";   //  For other browsers.
            iFrameElements[i].setAttribute("frameBorder", "0");   //  For other browsers (just a backup for the above).
            iFrameElements[i].contentWindow.document.body.style.border="none";   //  For IE.
         }
   }

Ответ 11

Если doctype страницы, на которую вы размещаете iframe, является HTML5, вы можете использовать атрибут seamless следующим образом:

<iframe src="..." seamless="seamless"></iframe>

Документы Mozilla по бесшовному атрибуту

Ответ 12

Я пробовал все вышеперечисленное, и если это не сработает для вас, попробуйте приведенный ниже CSS разрешить проблему для меня. Это просто говорит браузеру не добавлять никаких дополнений или полей.

* {
  padding:0px;
  margin:0px;
 }

Ответ 13

В вашей таблице стилей добавьте

{
  padding:0px;
  margin:0px;
  border: 0px

}

Это также жизнеспособный вариант.

Ответ 14

Если вы используете iFrame для соответствия ширине и высоте всего экрана, который, как я предполагаю, не основан на размере 300x300, вы также должны установить для полей тела значение "0" следующим образом:

<body style="margin:0px;">

Ответ 15

<iframe src="mywebsite" frameborder="0" style="border: 0px solid white;">HTML iFrame is not compatible with your browser</iframe>

Этот код должен работать как в HTML 4, так и в 5.

Ответ 16

также установить border = "0px"

 <iframe src="yoururl" width="100%" height="100%" frameBorder="0"></iframe>

Ответ 17

Либо добавьте атрибут frameBorder, либо используйте стиль с border-width 0px; либо установите стиль границы равным none.

используйте любой из нижеприведенных 3:

<iframe src="myURL" width="300" height="300" style="border-width:0px;">Browser not compatible.</iframe>

<iframe src="myURL" width="300" height="300" frameborder="0">Browser not compatible.</iframe>

<iframe src="myURL" width="300" height="300" style="border:none;">Browser not compatible.</iframe>

Ответ 18

Try

<iframe src="url" style="border:none;"></iframe>

Это приведет к удалению границы вашего фрейма.

Ответ 19

Используйте этот

style="border:none;

Пример:

<iframe src="your.html" style="border:none;"></iframe>

Ответ 20

Чтобы удалить границу, вы можете использовать свойство CSS border для none.

<iframe src="myURL" width="300" height="300" style="border: none">Browser not compatible.</iframe>

Ответ 21

Просто добавьте атрибут в тег iframe frameborder = 0 <iframe src="" width="200" height="200" frameborder="0"></iframe>

Ответ 22

iframe src="XXXXXXXXXXXXXXX"
marginwidth="0" marginheight="0" width="xxx" height="xxx"

Работает с Firefox;)

Ответ 23

<iframe src="URL" frameborder="0" width="100%" height="200">
<p>Your browser does not support iframes.</p>
</iframe>

<iframe frameborder="1|0">

(OR)

<iframe src="URL" width="100%" height="300" style="border: none">Your browser 
does not support iframes.</iframe>

The <iframe> frameborder attribute is not supported in HTML5. Use CSS 
instead.