Auto fit iframe to content

[jitu78]

Hi All,

I am working on site where I am using iframes for dynamic html files.
Each html file having own length and my iframe height is fixed.

How can I set auto height for each page coming in iframe?


- Jits
globtier.com

[xhtmlcoder]

Without JavaScript it would be a little hard I don't quite follow exactly what you are after if the IFRAME is fixed it stays fixed.

The content file won't resize the IFRAME dimensions with HTML alone are you sure you want an IFRAME.

[ryanhellyer]

This can be done using Javascript but I don't have a link at hand. Some Google searching should find an example of it.

A better alternative would be to use an include statement and just stick the html into your existing page. Although this is not always suitable.

An example of a PHP include statement:

<?php require("blabla.html"); ?>

Ryan,

[markbrown4]

An 'iframe type display' with the scroll bar can be gained with CSS
CSS

#fake_iframe {
  overflow: auto;
  height: 200px;
  width: 200px;
}

HTML

<div id="fake_iframe">Some content that will make a scroll bar appear if neccessary....</div>

[ryanhellyer]

An 'iframe type display' with the scroll bar can be gained with CSS

I think Jits is trying to remove the scroll bar, not create one.

Ryan,

[markbrown4]

Good point

[jitu78]

Yes, Ryanhellyer is saying right.

Sorry for not being clear!

When you put iframe somewhere to call any external file into that iframe, then you have to set iframe height. Right!

Now I want to set page height as per external page height so that no scroll appears around iframe.

And, my problem is that my contents are dynamic page height will vary page to page.

Is there any way to set iframe height on runtime automatically.

I had tried it by javascript but there was issue with OPERA browser.

Thanks
Jits