Iframe full screen

[dcotlgaming]

Hi,

How can I make the IFrame the size between the header and footer?

http://codepen.io/DcoltGaming/pen/AXGpxr

[ztgst]

You can add iframe{min-height:600px !important;}, the ! important it’s maybe because your script is set the min-height of the iframe as 300px.

[giudev]

I guess header and footer have a fixed height, if so the height of your iframe should be:
height = (viewport height) – (header height) – (footer height)

In css this could be translated in:

iframe {
    height: calc( 100vh - 55px - 51px);
}

Also you have to deal with the <p> tag “Powered by 123ContactForm”.
Either remove it or fix its height and add it to your calc formula

[Author]

Posts