Possible to resize an Iframe to its content's height?

wolfing1 · Mar 23, 2006

Maybe this doesn't make any sense, but is it possible to dynamically
resize an iframe to the height of its contained page? Something that
works in Opera/Firefox/IE.
I can resize it with a
document.getElementById("frameItems").style.height = "200px" for
example, but was wondering if I could access somehow the full size its
inner page would take... which might not make much sense but still who
knows.

wolfing1 · Mar 24, 2006

Ian said:
I haven't tried it, but can you use the size of the iframe's <body> element?

Made it work! What I did (copied from somewhere in the web):
In the "inner" page, an onload like this:
<body onload="parent.adjustIFrameSize(window);">

And in the actual page a js function like this:
function adjustIFrameSize(iframeWindow) {
if (iframeWindow.document.height) {
var iframeElement = document.getElementById ("frameItems");
iframeElement.style.height = iframeWindow.document.height + 'px';
iframeElement.style.width = iframeWindow.document.width + 'px';
} else if (document.all) {
var iframeElement = document.all["frameItems"];
if (iframeWindow.document.compatMode &&
iframeWindow.document.compatMode != 'BackCompat') {
iframeElement.style.height =
iframeWindow.document.documentElement.scrollHeight + 5 + 'px';
iframeElement.style.width =
iframeWindow.document.documentElement.scrollWidth + 5 + 'px';
} else {
iframeElement.style.height =
iframeWindow.document.body.scrollHeight + 5 + 'px';
iframeElement.style.width = iframeWindow.document.body.scrollWidth
+ 5 + 'px';
}
}
}

where frameItems is the name of the frame containing the page.
Tested in IE, Firefox and Opera and works in all of them so good enough
for me.

Is it possible an iframe can overlapp another?	3	Apr 20, 2022
resizing iframe height according to its content in firefox	3	Feb 28, 2007
Resize IFRAME	2	Jun 9, 2008
resize iframe according to content	12	Jun 13, 2010
Dynamic iFrame height, not working in ie without refresh.	0	Mar 1, 2007
dynamically resize layer height	1	Jan 22, 2007
Need help with code on website (noob)	2	Jul 18, 2022
Javascript - Resizing an iFrame	1	Dec 17, 2009

Possible to resize an Iframe to its content's height?

wolfing1

wolfing1

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads