Toufic Batache Toufic Batache - 4 months ago 32
CSS Question

Iframe between header and footer

I was wondering how can I add an iframe between the header and the footer of my webpage, I mean in the blank between the header and footer. I tried height 100% but it overrides the header! I am using the template from http://materializecss.com/templates/starter-template/preview.html. Can anyone help please? Thanks

Answer

Use CSS position and top to position the iFrame below the header. Try using

position:absolute;
top:65px;
left:0px;

See here:

http://www.w3schools.com/cssref/pr_pos_top.asp http://www.w3schools.com/css/css_positioning.asp