IFrame'den sınırı kaldır

IE7'deki sınırı kaldırmaya çalışırken çılgına döndükten sonra, frameBorder niteliğinin büyük/küçük harf duyarlı olduğunu gördüm.

FrameBorder niteliğini bir başkent B ile ayarlamanız gerekir.

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

İframe dokümantasyonuna göre, frameBorder kullanımdan kaldırılmıştır ve "border" CSS özelliğini kullanmak tercih edilir:

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

• Not CSS border özelliği not IE6, 7 veya 8'de istenen sonuçları elde eder.

FrameBorder niteliğini eklemenin yanı sıra, kaydırma çubuklarının görünmesini engellemek için kaydırma özelliğini "hayır" olarak ayarlamayı düşünebilirsiniz.

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

Tarayıcıya özgü sorunlar için Dreamweaver'a göre frameborder="0" hspace="0" vspace="0" marginheight="0" marginwidth="0" ekleyin:

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

HTML iframe frameborder Özniteliğini kullanın

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

Not: IE için çerçeveBorder (kapak B) kullanın, aksi takdirde çalışmaz. Ancak, iframe frameborder niteliği HTML5'te desteklenmiyor. Yani, bunun yerine CSS kullanın.

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

kaydırma özelliğini http://www.w3schools.com/tags/att_iframe_scrolling.asp

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

Ayrıca HTML5'te yeni olan kesintisiz özelliği kullanabilirsiniz. İframe etiketinin kesintisiz niteliği yalnızca Opera, Chrome ve Safari'de desteklenir. Varsa, iframe'in içeren belgenin bir parçası gibi görünmesi gerektiğini belirtir (kenarlık veya kaydırma çubuğu yok). Şu andan itibaren, etiketin kesintisiz özelliği yalnızca Opera, Chrome ve Safari'de desteklenir. Ancak yakın gelecekte standart bir çözüm olacak ve tüm tarayıcılarla uyumlu olacak. http://www.w3schools.com/tags/att_iframe_seamless.asp

İframe kodunuzda style="border:0;" kullanabilirsiniz. HTML5'te kenarlığı kaldırmanın önerilen yolu budur.

İframe'inizi kod düzenlemeden özelleştirmek için html5 iframe generator tool'u kontrol edin.

Stil özelliği kullanılabilir HTML5 için, çerçevenizin kenarlığını veya herhangi bir şeyi stil özelliğini kullanmak isterseniz. aşağıda verildiği gibi

Kod buraya gidiyor

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

FrameBorder niteliğini (Capital ‘B’) ekleyin.

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

İframe'i yerleştirdiğiniz sayfanın doktipi HTML5 ise, seamless niteliğini şöyle kullanabilirsiniz:

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

kesintisiz özellik Mozilla docs

Bunu JavaScript ile de bu şekilde yapabilirsiniz. İframe öğelerini bulur ve sınırlarını IE ve diğer tarayıcılarda kaldırır (ancak, yalnızca JavaScript'i kullanmak yerine IE dışındaki tarayıcılarda "kenarlık: yok;" stilini ayarlayabilirsiniz). VE iframe üretildikten ve belgede yerinde (SONRA, düz HTML olarak eklenmiş ve JavaScript değil iframe'ler) SONRA kullanılsa bile çalışacaktır!

Bu işe yarıyor çünkü IE beklediğiniz iframe öğesinde değil, iframe'in İÇERİĞİ'nde - iframe BOM'da oluşturulduktan sonra, sınır oluşturuyor. ($ @ & * # @ !!! IE !!!)

Not: IE bölümü yalnızca (eğer) üst pencere ve iframe SAME Origin'den ise (aynı etki alanı, port, protokol vb.) Çalışır. Aksi takdirde, komut dosyası IE hata konsolunda "erişim reddedildi" hataları alır. Bu olursa, tek seçeneğiniz, başkalarının da belirttiği gibi oluşturulmadan önce ayarlamak veya standart olmayan frameBorder = "0" özelliğini kullanmaktır. (veya sadece IE titizlikle bakmasına izin verin - şu anki favori seçeneğim;))

Bunu anlamak için ÇOK çalışma saatini umutsuzluk noktasına götürdü ...

Keyfini çıkarın. :)

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

Stil sayfanıza ekleyin

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

}

Bu da uygulanabilir bir seçenek.

Yukarıdakilerin hepsini denedim ve bu işe yaramazsa, aşağıdaki CSS benim için sorunu çözdü. Bu sadece tarayıcılara herhangi bir dolgu veya kenar boşluğu eklememelerini söyler.

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

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

Bu kod hem HTML 4 hem de 5'te çalışmalıdır.

300x300 boyutuna dayanmadığınızı varsaydığım tüm ekranın genişliğine ve yüksekliğine uymak için iFrame kullanıyorsanız, gövde kenar boşluklarını da "0" olarak ayarlamanız gerekir:

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

ayrıca border = "0px" ayarını yapın

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

Deneyin

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

Bu, çerçevenizin kenarlığını kaldıracaktır.

FrameBorder özniteliğini ekleyin ya da border-width 0px;.

3 altından birini kullanın:

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

Bunu kullan

style="border:none;

Örnek:

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

Onun basit sadece iframe etiketi frameborder = 0 <iframe src="" width="200" height="200" frameborder="0"></iframe> içinde öznitelik eklemek

Kenarlığı kaldırmak için hiçbirine CSS border özelliğini kullanabilirsiniz.

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