White space is still present around the iframe border even after after setting frameborder to 0

Question

Even After setting the frameborder attribute in the iframe to 0 there is still some white space present around the iframe border (unlike the original url/link page). Is ther

Answer 1

Maybe that whitespace is actually the outside margin of the document loaded in the <iframe>. Try styling the loaded document with:

html, body {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

Answer 2

Frederic's proposal solved my problem: howto get rid off the white border in a fullscreen slideshow for safari browser. Perfect! Many thanks, wimsch [Since I couldn't add a comment on his answer [[< 50]]: I put it here to let him know my gratitude]

Answer 3

try this

<iframe src="....." style="position:absolute;"></iframe>

Answer 4

I ran into a similar problem: I had the iframe inside a figure tag, and there was some white space between the iframe and the figcaption element.

<figure>
  <iframe></iframe>
  <!-- white space was here -->
  <figcaption></figcaption>
</figure>

In my case simply adding iframe { display:block } solved the issue.

Answer 5

Simply add style="margin: 0 0 0 0" inside <iframe > tag.

example:

<iframe src="http://www.yahoo.com" style="margin: 0 0 0 0"></iframe>

If you want margin, you must add 'px' after number

(Thanks to "Inspect Element" tool of Safari Browser) this solved my solution.

Answer 6

Apply below to iframe

display: block