Menu
Does anybody know how to completely remove an iframe border? I am using Firefox 3.x and the iframe is set to completely occupy 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?
825
Remove border from iframe tag in the webpage could be done by using one of the CSS properties of the iframe tag called frameBorder and set its value to “0”. Syntax: frameBorder = "value"; Note: In the frameBorder property the B letter must be in capital otherwise it will not be recognized by the browser.
We can specify the no border property using CSS border: none, border-width : 0, border : 0 properties.
Use prevAll() to get the iframe and remove using remove() method. $('head'). prevAll('iframe'). remove();
On the Design tab, choose Page Borders. In the Borders and Shading dialog box, in the Apply to list, choose the page (or pages) you want to remove the border from. Under Setting, choose None. Select OK.
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;
}
This worked for me by disabling border to iframe tags :
iframe {
border:none;
}
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
