Anatoly Lubarsky

Sometimes we put iframe on HTML page and we need to adjust iframe size to fit its contents (iframe source HTML can be very big) ... Below is a small example that demonstrates how to do it:

< html>
< head>
< title>< /title>
< /head>

< body>
< iframe id="ifr" src="ifr.html">< /iframe>< br />
< input type="button" onclick="document.getElementById('ifr').style.height =
ifr.document.body.scrollHeight + 5" value="Ajust" />

< /body>
< /html>

Related Posts:

• Media Print Style Sheet Example
• Obtain Browser Capabilities Using Javascript (clientCaps)
• HowTo Add Image Background to Body in CSS
• CSS: Anchor styles [The right way to do it]
• Javascript: Maintaining Page Scroll Position

Good One. Helped me a lot

OR

<iframe name="ifr" id="ifr" src="whatever.html" onload="this.style.height = ifr.document.body.scrollHeight + 5"></iframe>