View Full Version : Resizable IFrame

05-16-2008, 07:12 AM

I want to create a resizable IFrame, same as resizable Div in the following URL


Can it be possible?

05-16-2008, 11:48 AM
I believe if you put the iframe inside of the div, it would work maybe.

05-16-2008, 12:29 PM
I believe if you put the iframe inside of the div, it would work maybe.

Hi Nile,
Thanks for the response.

No, Only the Div will be resizable but the IFrame's size will be remain same as it was.

05-16-2008, 04:33 PM
Both this script and iframe are quirky beasts, but Nile is right if the iframe is set to 100% x 100%:

<div style="width:300px;height:300px;border:2px solid red;" class="resizeMe">
<iframe src="some.htm" width="100%" height="100%" scrolling="no" frameborder="0"></iframe>

04-22-2009, 10:36 PM
Hi, I have the same problem,i set ifame tag height:100%; width:100%; but the height size it heighter than the content.

and another problem is that<div> background-color is green, the iframe background-color is working in Firefox, but not IE, in IE, the <iframe> has no color to match the <div> background-color.

Here is the code:

<div style="width:560; bgcolor = green" >
<iframe name="maintFrame" src="front_page.html" style="border:1; position:relative; top:0; left:0; right:0; height:100%; width:100%; overflow:auto"></iframe>