iframe auto resize that works in Safari as well as IE/FF/Chrome

westbrookmajor · Jan 5, 2010

This code works in all browsers, and the javascript part of this is located as you see it. It does NOT go into the <head> section of your document.

<iframe src="foo/index.html" scrolling="auto" id="frame" width="100%" marginheight="0" marginwidth="0" frameborder="0">
<p>Your browser does not support iframes.</p>
</iframe>
<script type="text/javascript">
function resizeIframe() {
var height = document.documentElement.clientHeight;
height -= document.getElementById('frame').offsetTop;

height -= 0;

document.getElementById('frame').style.height = height +"px";

};
document.getElementById('frame').onload = resizeIframe;
window.onresize = resizeIframe;
</script>

BillyRayPreachersSon · Jan 5, 2010

Was there a question here, or was this erroneously posted as a question instead of a tip?

Dan

Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Tech Snippets & Info:

http://www.codecouch.com/

westbrookmajor · Jan 6, 2010

Well I was wondering if this actually works in some older versions of Safari and FF. The version of IE I tested this in was 6 and not sure if it works in 7

BillyRayPreachersSon · Jan 25, 2010

Have you tried downloading Safari or IETester to find out?

Dan

Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Tech Snippets & Info:

http://www.codecouch.com/

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

iframe auto resize that works in Safari as well as IE/FF/Chrome

westbrookmajor

Programmer

BillyRayPreachersSon

Programmer

westbrookmajor

Programmer

BillyRayPreachersSon

Programmer

Similar threads

Part and Inventory Search

Sponsor