iframe autosize problem in firefox. Ok in IE. Help!

D

Dave

Usual apologies if this is old territory.

I'm resizing a bunch of iframes on a page to the height of their
contained documents. Some of the contained documents contain IMG tags.
On IE this doesn't cause a problem and the resize works correctly. On
Firefox, if an image extends below the last line of text in the
document, that bit gets chopped off. In other words, the returned
document height doesn't allow for the image.

My code for resizing an Iframe is:

function adjustIFrameSize (iframe)
{
if ( iframe.contentDocument ) // firefox
{
iframe.height = iframe.contentDocument.height;
}
else // IE
{
iframe.style.height =
iframe.contentWindow.document.body.scrollHeight;
}

}

Can someone tell me how I can modify the firefox line to make it do the
job correctly.

Many thanks.

Dave
 
D

Dave

I've found the answer so I thought I'd post it here for reference.

First, wait for all the iframes to load. In other words, call an onload
function in the body tag.

In that function, set each iframe height as follows:

iframe.height = iframe.contentDocument.documentElement.scrollHeight;

This works great on firefox.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

No members online now.

Forum statistics

Threads
473,769
Messages
2,569,580
Members
45,055
Latest member
SlimSparkKetoACVReview

Latest Threads

Top