Iframe Content Height

The links above load new documents into this iframe. Once the iframe has loaded, the height of the document is obtained using JavaScript. The height of the iframe element is then set to accommodate the contained document's height so that the window scrollbars can be used instead of iframe scrollbars for a more seamless appearance.

The light gray border you see on this iframe is set using the CSS border specification in the style sheet of the containing document. It is not the result of the default frame on an iframe element or the frameborder setting.[1]

This code has been tested successfully in Internet Explorer 6+, Chrome, Firefox, Safari, and Opera, in both quirks mode and standards mode.

Read more about the JavaScript used to set the height of the iframe.

  1. A version of Internet Explorer optimized for Bing and MSN may display a frameborder unless you include a frameborder attribute set to zero in the iframe tag.