iframe height adjustment

Question

Is there a way to set the height of the iframe to be the same as the height of its source?

I am trying to
a) Avoid scrollbars and
b) Avoid using fixed height in px

Thank you. :)

Answer 1

I think this question has been answered before

Answer 2

Since the source page is on a different domain — no.

The only way to adjust its size based on the content is to measure the rendered size of the content using JavaScript, and the Same Origin Policy will prevent this.

Answer 3

if i understand correctly you have control over the iframe-content? in that case i wrote a javascript thingie (squeezeFrame.js) a couple of weeks ago, that can do just what you need.

essentially it uses;

• clientWidth (and optionally -Height) to get the size of the "viewport"
• scrollWidth (again optionally -Height) to get the size of the entire (iframed) page
• zoom (and -moz-transform: scale for firefox) to zoom in/out

you can see a couple of demo's of squeezeFrame.js in action here