Geek asks and answers

Why does an iframe go past the end of the page when the height is 100%?

I have an iframe on my site in a div. I set as 100% in height. I also use the drawing structure, so span-12 lastfor the class. My question is, why does the site still have a scrollbar?

CODE:

<div id="friend_pane" style="background-color: #FF0000;height: 100%;" class="span-12 last">
<iframe id="friendpane_area" style="width: 515px; height: 100%" src="http://friendsconnect.org/friendpane/shell.php" frameborder="0" allowTransparency="true"></iframe>
</div>

Instead of the maximum extent possible, it passes by the bottom of the page and has a scroll bar. Why is he taking this height?

PANORAMA:

enter image description here

iFrame in DIV marked in red.

+3
source share
1 answer

There are a few things you could try, first make sure that html { height: 100% }, then

iframe { overflow:hidden; }

or

<iframe id="friendpane_area" style="width: 515px; height: 100%; overflow: hidden" scrolling="no" src="http://friendsconnect.org/friendpane/shell.php" frameborder="0" allowTransparency="true"></iframe>
0
source

More articles:


All Articles