« Blog Home

§ Adjust iframe height to contents

Some javascript in an iframe's content page can adjust the height of the iframe to its content.

Make sure the enclosing iframe has name="" and id="" exactly the same.

The window.name of a page in an iframe is the name of the iframe


function setParentIframeHeight() {
  var ifrm;
  if(ifrm=parent.document.getElementById(window.name)) {
    ifrm.height=500;  //or whatever. Some layouts won't shrink if a specific amount isn't set here.
    ifrm.height=document.body.scrollHeight + 30;
function makeDoubleDelegate(function1, function2) {
  return function() {
    if (function1)
    if (function2)
window.onload = makeDoubleDelegate(window.onload, setParentIframeHeight);


last edited on January 29th, 2009 at 11:52 AM


backlinks says:

Definitely helped me.

November 23rd, 2011 at 1:26 AM

Add your comment

Email: (Will not be displayed - Privacy policy)
  random image I can't read it!
Give me a different one!
Verify Post: Input the text from the image above to verify this post (helps prevent spam)

« Blog Home

She stood up.  “Professional?  Ha!  My father used to say, you have to be able to tell a tracheotomist from a cutthroat.  Well, I can.”
Claire, Artifact,Gregory Benford