IE 8 iframe border

javascript html css iframe internet-explorer-8
Terry picture Terry · Oct 26, 2009 · Viewed 36.4k times · Source

There is a border showing on an iframe and I can't get rid of it.

IE 6 and 7 work as intended with a little JavaScript:

function test(){
    var iframe = document.getElementById('frame2');
    iframe.contentWindow.document.body.style.backgroundColor = "#a31d1d";
    iframe.contentWindow.document.body.style.border = "#a31d1d";
    iframe.contentWindow.document.body.style.outlineColor = "#a31d1d";
}

But the border remains visible in IE 8.

Answer

Assaf Feldman picture Assaf Feldman · May 6, 2010

Add following attributes to iframe tag:

marginheight="0" marginwidth="0" frameborder="0"

Related questions

Full-screen iframe with a height of 100%

Is iframe height=100% supported in all browsers? I am using doctype as: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> In my iframe code, if I …

Read More
Resize external website content to fit iFrame width

I have a webpage with 2 iFrames in it. Both of them are with fixed width and height. I am loading external websites inside them. How can I resize those external websites width to fit with the iFrame (like mobile browsers …

Read More
cross-domain iframe resize

How do I resize an iframe from another domain -Edit Scroll down for some solutions.. or read on how NOT to do this :D After many hours of code hacking- the conclusion is that anything inside the iframe is not …

Read More