So my entire page is as follows
<html> <body> <iframe src="http://example.com/" width="100%" height="100%" /> </body> </html>
As you can see, I've put 100% as both my height and width, yet firefox still creates a border around my
<iframe>! is there any way around this? How do I get rid of it? Will other browsers do the same? I basically need my page to emulate
http://example.com exactly, so my users won't know the difference.
the iframe element has an attribute called
frameborder which can be set to 0 to disable the border.
Set the border to 0. Here it is inline. You can also put it in the
<head> of the document or an external file.
<iframe style="border:0" src="http://example.com/" width="100%" height="100%" />
Since my link in my comment did not work I will repeat it here:
'border:0' is a CSS property that says do not display a border. CSS is used to describe how the HTML elements on your page should be displayed. A good explanation of CSS is here: Beginner's Guide to CSS
You should be aware that at least some browsers (Opera is one) allow the user to insist on frames and iframes always having a border (an outline, actually) - this cannot be overriden by the site.