Display full page (width and height) and without a scroll bar

Need help
4

We got it figured out! Woohoo. Thanks for all the help everyone, including Salar from CoBubble.com Here’s our solution so that everyone else can use it too.

We added some JS code to resize the iframe in addition to adding the CSS overflow:hidden property. Here’s the code we’re using:

<script language="javascript">
        function autoResizeDiv()
        {
            document.getElementById('full-screen-me').style.height = window.innerHeight +'px';
        }
        window.onresize = autoResizeDiv;
        autoResizeDiv();
    </script>
<style type="text/css">
body {
    overflow:hidden;
}
</style>
<iframe id="full-screen-me" src="URL" style="overflow:hidden;height:100%;width:100%" height="100%" width="100%" frameborder="0" wmode="transparent"></iframe>
13 Likes