Currently, I am utilizing an iframe within my master page which has two different versions. Upon entering the second master page, the iframe is displayed. However, I am encountering an issue where the footer appears above the iframe content rather than below it.
The CSS for the iframe is as follows:
iframe
{ position:fixed; height: 100%; display:block; width:100%; border:none; }
The HTML code looks like this:
<div>
<iframe src="http://ch.tbe.taleo.net/CH10/" style="width:100%; height:100%; bottom="100%; frameborder="0";
allowfullscreen">
</iframe>
</div>
As for my footer section:
<div>
<br/><br/>
<center style="font-size: small; font-family: Arial">
Please contact Human Resources with any additional questions or concerns via email a <br/>
</center>
</div>
The main problem lies in the footer not being positioned at the bottom of the page but overlapping with the content above it.