Entfernen Grenze von IFrame

Question

Wie entferne ich die Grenze von einer iframe in meinem Web-App eingebettet? Ein Beispiel für die iframe ist:

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

würde ich den Übergang von dem Inhalt meiner Seite zu den Inhalten der iframe wie nahtlos zu sein, vorausgesetzt, die Hintergrundfarben konsistent sind. Der Ziel-Browser ist IE6 nur leiden Lösungen für andere nicht helfen.

Answer 1

Fügen Sie das Attribut frameBorder (beachten Sie die Kapital ‚B‘ ).

So würde es wie folgt aussehen:

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

Answer 2

Nachdem man verrückt versucht, die Grenze in IE7 zu entfernen, fand ich, dass das Attribut frameborder Groß- und Kleinschreibung ist.

Sie haben das Attribut frameborder mit einem Kapital auf B .

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

Answer 3

Wie pro iframe Dokumentation ist veraltet frameborder und die „Grenze“ CSS-Attribut wird bevorzugt:

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

• Hinweis CSS Eigenschaft border hat nicht erreichen die gewünschten Ergebnisse in IE6, 7 oder 8.

Answer 4

Neben den frameborder auf das Hinzufügen Attribut möchten Sie vielleicht das Scrollen Attribut Einstellung prüfen, um „Nein“ zu verhindern, Bildlaufleisten angezeigt wird.

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

Answer 5

Für browserspezifische Probleme auch hinzufügen frameborder="0" hspace="0" vspace="0" marginheight="0" marginwidth="0" nach 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>

Answer 6

Verwenden Sie das HTML iframe frameborder Attribut

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

Hinweis: Verwendung Rahmen B , um (Cap B) für IE, sonst nicht. Aber wird das iframe frameborder Attribut nicht in HTML5 unterstützt. So verwenden CSS statt.

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

Sie können auch entfernen Scrollen mit Scroll-Attribut http://www.w3schools.com/tags/att_iframe_scrolling.asp

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

Sie können auch nahtloses Attribut verwendet werden, die in HTML5 neu ist. Das nahtlose Attribut des iframe-Tages ist nur in Opera, Chrome und Safari unterstützt. Wenn sie vorhanden sind, gibt es, dass der iframe aussehen soll, wie es ein Teil des Dokuments enthält (keine Ränder oder Scrollbalken) ist. Ab sofort ist das nahtlose Attribut des Tags nur in Opera, Chrome und Safari unterstützt. Aber in naher Zukunft wird es die Standardlösung sein und mit allen Browsern kompatibel sein. http://www.w3schools.com/tags/att_iframe_seamless.asp

Answer 7

Sie können style="border:0;" in Ihrem iframe-Code verwenden. Das ist der empfohlene Weg Grenze in HTML5 zu entfernen.

Sehen Sie sich meine html5 iframe Generator Werkzeug, um Ihre iframe ohne Bearbeitung von Code anpassen.

Answer 8

Fügen Sie das Attribut frameborder (Kapital ‚B‘).

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

Answer 9

Style-Eigenschaft kann verwendet werden, Für HTML5 wollen, wenn Sie die boder Ihres Rahmens oder irgendetwas entfernen Sie den Stil-Eigenschaft verwenden können. wie unten angegeben

-Code geht hier

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

Answer 10

Sie können es auch tun, auf diese Weise mit JavaScript. Es wird keine iframe-Elemente finden und ihre Grenzen im Internet Explorer und anderen Browsern entfernen (auch wenn Sie nur einen Stil festlegen „border: none;“ in Nicht-IE-Browser anstelle der Verwendung von JavaScript). Und es wird funktioniert auch dann verwendet, wenn AFTER die iframe erzeugt wird und an Ort und Stelle in dem Dokument (zum Beispiel Iframes, die in einfachen HTML und JavaScript nicht hinzugefügt werden)!

Dies scheint zu funktionieren, weil IE die Grenze schafft, nicht auf dem iframe Element wie man erwarten würde, sondern auf den Inhalt des iframe - nach der iframe in der Stückliste erstellt wird. ($ @ & * # @ !!! IE !!!)

Hinweis: Der Teil IE wird nur (natürlich) arbeiten, wenn das übergeordnete Fenster und iframe aus dem gleichen Ursprung (gleicher Domain, Port, Protokoll etc.). Andernfalls wird das Skript erhalten „Zugriff verweigert“ Fehler in der IE-Fehler-Konsole. Wenn das passiert, ist Ihre einzige Option, es zu setzen, bevor es erzeugt wird, wie andere haben festgestellt, oder das Nicht-Standard verwenden frameborder = „0“ Attribut. (Oder lassen IE fugly finden - meine aktuelle Lieblings Option;))

hatte mir viele Stunden der Arbeit an den Punkt der Verzweiflung, das herauszufinden ...

Genießen. :)

// =========================================================================
// 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.
         }
   }

Answer 11

Wenn der Doctype der Seite können Sie die iframe platzieren auf HTML5 ist, dann können Sie das seamless Attribut wie folgt:

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

Mozilla-Dokumentation auf dem nahtlose Attribute

Answer 12

Ich habe versucht, alle der oben genannten und wenn das nicht für Sie versuchen, funktioniert das unter CSS für mich das Problem behoben. Was sagt nur den Browser keine Polsterung oder Rand hinzuzufügen.

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

Answer 13

In Ihrem Stylesheet Add

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

}

Dies ist auch ein gangbarer Weg.

Answer 14

Wenn Sie die iFrame verwenden die Breite und Höhe des gesamten Bildschirms zu passen, die ich Sie gehe davon aus nicht auf dem 300x300 Größe basieren, müssen Sie auch die Körperränder auf „0“ wie folgt aus:

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

Answer 15

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

Dieser Code sollte in HTML arbeiten 4 und 5.

Answer 16

auch gesetzt border = "0px"

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

Answer 17

Versuchen

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

Dies wird die Grenze des Rahmens entfernen.

Answer 18

Verwenden Sie diese

style="border:none;

Beispiel:

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

Answer 19

So oder fügen Sie das Attribut frameborder oder die Verwendung der Art mit border-width 0px ;, oder eingestellt Randstil gleich keine.

Verwenden Sie eine von unten 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>

Answer 20

Grenze löschen Sie CSS Eigenschaft border zu keinem verwenden können.

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

Answer 21

Es ist einfach nur hinzufügen Attribut in iframe-Tag frameborder = 0 <iframe src="" width="200" height="200" frameborder="0"></iframe>

Answer 22

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

Funktioniert mit Firefox;)

Answer 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.