How do I remove the border from an IFrame embedded in my web app? An example of the IFrame is:
<IFRAME src="myURL" width=300" height="300">Browser not compatible. </IFRAME>
I would like the transition from the content on my page to the contents of the IFrame to be seemless, assuming the background colors are consistent. The target browser is IE6 only and unfortunately solutions for others will not help.
Add the frameBorder attribute (note the capital ‘B’).
So it would look like:
<iframe src="myURL" width=300" height="300" frameBorder="0">Browser not compatible.</iframe>
frameborder="0"
http://www.htmlcodetutorial.com/frames/_IFRAME_FRAMEBORDER.html
In addition to adding the frameborder attribute you might want to consider setting the scrolling attribute to "no" to prevent scrollbars from appearing.
<IFRAME src="myURL" width=300" height="300" frameborder="0" scrolling="no">Browser not compatible. </IFRAME>
After going mad trying to remove the border in IE7, I found that the frameBorder attribute is case sensitive.
You have to set the frameBorder attribute with a capital B.
<iframe frameBorder="0" ></iframe>
Is the capital B in frameBorder="0" still relevant? I have not been able to reproduce having a frame border when using frameborder="0", using IE 6, 7, 8, 9. I have also started using the HTML5 doctype <!DOCTYPE html>
Has it been fixed at some point?