How to create a full screen iframe

Posted on May 29, 2013 greenhawk

No Comment BOOKMARK

A useful script to make a full page iframe. No scrollbars! Work in FF, Chrome and IE.

<html>
    <head>
        <style type="text/css">
            body
            {
                margin:   0;
                overflow: hidden;
            }

            #iframe1
            {
                height:   100%;
                left:     0px;
                position: absolute;
                top:      0px;
                width:    100%;
            }
        </style>
    </head>

    <body>
        <iframe id="iframe1" src="http://www.mdhreno.com" frameborder="0"></iframe>
    </body>
</html>