<html> <head> <title>Div example</title> <script type="text/javascript" > function resizeMe(){ docHeight = window.frames['myframe'].document.body.scrollHeight; document.getElementById('myframe').height=docHeight; } window.onload=resizeMe; </script> <style type="text/css"> .clear{ clear: left; } .container { width: 550px; padding: 5px; border: 1px solid; } .left { float: left; width: 220px; padding: 10px; border: 1px solid; } </style> </head> <body> <div class="container"> <div class="clear"></div> <div class="left"> Adipiscuntur amicos assidua dixisset dubio effici expetenda futuris luctus macedonum pretium torquem vim virtus. Audire consuevit depulsa dicant eoque, ipsarum minime natum necessitatibus. Adolescens adversantur deserere eosdem quaestionem severitatem temperantiamque turbulentaeque vivamus. Diligenter doctrina ignaviamque suspicio. Dissidens incommoda lineam memoria optimus, putamus sciscat sociosqu suscepi utinam vidit. </div> <div class="left"> <iframe src="demo_iframe_1a.html" name="myframe" id="myframe" frameborder="no" scrolling="no"></iframe> </div> <div class="clear"></div> </div> </body> </html>