正确删除<iframe>边框

Question

Does anybody know how to remove an iframe border? I am using Firefox 3.x and the iframe is set to the browser window - height="100%" width="100%"

I have already set frameBorder="0" and scrolling="no" but there is some space remaining at the border between the window and the iframe. Is the problem with 100% width and height? Do I need to set more than 100%? By how much?

Answer 1

Do you mean the margin/padding?

In the html file your iframe is displaying try the following CSS:

body {
    margin: 0;
    padding 0;
}

edit: It could also be similar for your iframe element itself. If the above doesn't work, in the parent html page try:

iframe {
    padding: 0;
    margin: 0;
}

Answer 2

This worked for me by disabling border to iframe tags :

iframe {
    border:none;
}

Answer 3

<style>
    html,body, div, iframe{
        height: 100%;
        overflow: hidden;
        margin: 0; padding: 0;
    }
</style>

<iframe src="http://www.cnn.com" frameborder="no"></iframe>

see http://api.fatherstorm.com/test/4159620.php for an example

Answer 4

hspace="0" vspace="0" marginHeight = "0" marginWidth = "0" scrolling= "no" frameBorder="0"                              allowtransparency="true"

Answer 5

I use border: none; to fix this issue in Firefox.