StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POhow to get iframe to fill entire page 100% and top:4px?
text
Body
copied!<p>I've been coming here for a while, and only asked 1 question before. And I have designed many sites. But the only thing I do not fully get is 'iFrames'. They mess with my head a tad bit.</p> <p>.:What i'm trying to achieve:.</p> <p><strong><em>note: I do not have ownership of the origin of the iFrames domain... It should be irrelevant since you are simply taking one page, and showing it on another. Their External Styling still shows their page how it should. I know this because i've done it.</em></strong></p> <p>1) I need to know how to get the iFrame to show on my site as a FULL PAGE. I know there are ALOT of topics on here about iFrames, but 1) they are outdated. 2) they do not apply to me/my site. I've tried everything, and yet it all seems futile.</p> <p>.:Example:.</p> <p>When user(s) go to <a href="http://www.example.com/news.php" rel="noreferrer">http://www.example.com/news.php</a>, the page should load the content from another news site. i.e cnn, wn, cbs...</p> <p>I have figured this out before, so please no1 tell me all that rubble about not having ownership of contents, then I cannot reach my goal.</p> <p>I don't remember how I wrote it, but I know there was NO CSS styling whatsoever. It was something VERY similar to:</p> <pre><code> <body style="scrolling:no;> <iframe src='http://www.example.com' style='position:absolute; top:4px; left:0px; width:100%; height:100%; z-index:999' onload='sendParams();' frameborder='no' scrolling='auto'> </iframe> </body> </code></pre> <p>What I am not getting is: No matter what style I use to customize the iFrame, it seems to be held within a box about the <code>size= 867x155</code>. I even tried to put the iFrame itself within a <code>DIV</code>, and <code>DIV</code> set to: W- <code>100%</code> H- <code>100%</code>.</p> <p>when I tried the CSS approach, the marginheight/width was ignored. Also, a different body style of <code>margin="0"</code>, was futile; yet again.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload