footer disappearing when loading iframe

Question

I would like to have a footer in my page and I have the following code

<div class="container">
  <div class="row">
    <iframe id="iframe" width="100%" height="100%" src="http://www.selitera.com" style="border: 0; top:0; left:0; right:0; bottom:0; width:100%; height:100%" />
  </div>
  <div class="row">
    Some footer text
  </div>

</div>

  html,
  body {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: auto;
  }

  .container {
    height: 100%;
    width: 100%;
    display: block;
  }

https://jsfiddle.net/6fqcnmaj/

I would like to load my footer on the page always and have the available space for the iframe above the footer?

Any pointers to do this?

Answer 1

You have to add the closing </iframe> tag

https://jsfiddle.net/6fqcnmaj/1/