Question

how do i make an iframe like themeforest.com using javascript and iframe dom element.
here is the site reference. look at the top black line. and the whole website is loaded under it.

http://themeforest.net/item/focus-simple-one-page-template-2/full_screen_preview/236868

Answer 1

If you are looking to have an iframe that fills an entire webpage, you can just simply set the width and height of the iframe element to 100% with CSS.

Here is some example code demonstrating this idea:

HTML

<div id="header">
    Header
</div>
<iframe src="https://developer.mozilla.org/en/XUL/iframe">
</iframe>

CSS

iframe {
    width: 100%;
    height: 100%;
    padding: 0em;
    margin: 0em;
    border: 0em;
}

#header {
    background-color: #00AA00;
    font-family: sans-serif;
    text-align: center;
    line-height: 2em;
    font-family: bold;
}

A working example of this code is located at this JSFiddle: http://jsfiddle.net/mq4Rf/7/.