Resizing iframe to fit its content

Posted by Ahmy on Stack Overflow See other posts from Stack Overflow or by Ahmy
Published on 2009-03-31T14:47:40Z Indexed on 2010/06/03 15:34 UTC
Read the original article Hit count: 264

Filed under:

iframe

|

resize

I have an iframe where the src is an htm file and this iframe is put inside usercontrol :

<iframe frameborder="0" src="CName.htm" align="left" width="730" height="1100" ></iframe>

i need the iframe to resized according to the content so that it's height is set according to the hieght of the html file and i don't need to use scrolling attribute do u have any ideas?

Duplicate - see http://stackoverflow.com/questions/153152/resizing-an-iframe-based-on-content

© Stack Overflow or respective owner

Related posts about iframe

IE6 iframe anchor links moves iframe up

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi, Having a real head scratching moment... I have a site where there is a footer div that always sits at the bottom of the screen (26px high), and above that I have an iFrame which sizes to 100% of the remaining height. This works well. Even clicking on anchor links inside the iframe works as it… >>> More
Scripted iFrame loads contents over current page instead of within an iFrame

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm trying to load a webpage into an iFrame while keeping a content bar on top, but for some pages that I try to load into the iFrame the contents is loaded as if I navigated to that page. I use the following code to dynamically load an iframe: $('#my_iFrame').attr("src","http://www.nytimes.com/2010/03/26/opinion/26ryan… >>> More
Reloading iframe from another iframe

as seen on Stack Overflow - Search for 'Stack Overflow'
Can I reload iframe (say __tree_iframe) from another child iframe (__content_iframe)? Difficulty: IE6/7. UPDATE Obviosly I should use window.opener and find iframe using it iframes property. Apparently, IE doesn't support window.opener. Any ideas about another way? >>> More
IFrame targeting another IFrame

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a parent page containing two iframes. One holds navigation links and the other should display the information pertaining to the navigation link clicked in the first iframe. So I need to target the one iframe from within another iframe.Is this possible? If so how does one go about it? >>> More
Reloading iframe from anpother iframe

as seen on Stack Overflow - Search for 'Stack Overflow'
Can I reload iframe (say __tree_iframe) from another child iframe (__content_iframe)? Difficulty: IE6/7. >>> More

Related posts about resize

Resize Clipping Path on window resize in WPF

as seen on Stack Overflow - Search for 'Stack Overflow'
Hello, I was wondering how to resize a Clipping path dynamically when resizing the window. Right now I'm taking a rectangle in Expression Blend that resizes with the window. Applying this rectangle to a circle as a clipping path makes the rectangle fixed, and it won't resize anymore. I've seen different… >>> More
How to resize YouTube player when Window Resize

as seen on Stack Overflow - Search for 'Stack Overflow'
I want to show Popup window contain YouTube video. My question is how to resize YouTube Player when user resize the Popup Window ? Head section of Popup windows PHP/HTML code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html… >>> More
JavaScript window resize

as seen on Stack Overflow - Search for 'Stack Overflow'
I have piece of javascript code, which should process when the browser window is resized. var resize=$('div.resize',$(this).parent())[0]; resize.style.marginRight=(resize.offsetWidth-$(this)[0].offsetWidth)+'px' Tryed this stuff (doesn't work): var resize=$('div.resize',$(this).parent())[0]; window… >>> More
JQUERY UI Accordion Resize on Window Resize?

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm using the JQUERY UI Accordion module: <script type="text/javascript"> $(function() { $("#sidebar_column_accordion").accordion({ fillSpace: true, icons: { 'header': 'ui-icon-plus', 'headerSelected': 'ui-icon-minus' } }); }); </script> By using the fillSpace… >>> More
Gridpanel auto resize on window resize

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm using the array-grid extjs example to try and fit a gridpanel into a container window. The problem is on resizing the container window, the gridpanel doesn't automatically fit the new size. As I understand it that's how it's supposed to work. Here's the link to the example: http://www.extjs.com/deploy/dev/examples/grid/array-grid… >>> More