footer disappearing when loading iframe

Question

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


  
    
  </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;
  }
</code></pre>

<p><a href="https://jsfiddle.net/6fqcnmaj/" rel="nofollow noreferrer">https://jsfiddle.net/6fqcnmaj/</a></p>

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

<p>Any pointers to do this? </p>

user_8861405 · Answer

You have to add the closing tag

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

user_7305523 · Answer

i have try to do some changes in your code and i found that when you added iframe tag it wasn't closed that's why your footer wasn't appearing. this is an example how we write Iframe tag. Have a look.

And i'm adding a solution screenshot. please have a look. This image is a solution of your question please look at the red border in bottom right side.

footer disappearing when loading iframe

2 Answers