White space is still present around the iframe bor

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 there any other way to get rid of the white space or some white must be presented around the iframe as it is within the webpage (or part of it) and it cannot be the whole page? Thank you.

Answer 1

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 2

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 3

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 4

Apply below to iframe

display: block

Answer 5

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 6

try this

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