IFRAME Fit entire content no scroll bar

38,441

Use this in your code, your problem was that it had to be set to position: absolute, otherwise it'll just give you the width and height you need.

 <body style="margin: 0 auto;">
        <iframe src="some.html" frameborder="0" 
         style="overflow:hidden; 
         display:block; position: absolute; height: 100%; width: 100%">
<p style="">
         Your browser does not support iframes.
</p>
</body>
Share:
38,441
user3264162
Author by

user3264162

Updated on December 09, 2020

Comments

  • user3264162
    user3264162 over 3 years

    Hello well I can not get my IFRAME to work. I want its height to fit the entire content area. When I put height 100% it does not fit the entire area and only fits about 3/4s of the content area. Here is my code:

    <iframe src="some.html" frameborder="0" style="overflow:hidden; display:block; height:100%; width:100%" height="100%" width="100%">
    <p style="">Your browser does not support iframes.</p>
    

    How can I fit entire content are on my iframe?