Как довести нижний колонтитул

Question

Я использую iframe на главной странице. У меня есть две мастер-страницы. после входа пользователя, применяется вторая основная страница. Таким образом, вторая главная страница имеет iframe, я хочу, чтобы нижний колонтитул отображался в iframe.

CSS для фрейма:

iframe 
{ position:fixed; height: 100%; display:block; width:100%; border:none; } 

HTML, является:

<div> 
    <iframe src="http://ch.tbe.taleo.net/CH10/" style="width:100%; height:100%; bottom="100%; frameborder="0"; 
       allowfullscreen"> 
    </iframe> 
</div> 

Мой сноска:

<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> 

Проблема: футер приходит на содержание. Не в нижней строке

Answer 1

Это происходит потому, что в вашем iframe есть fixed position, тогда нижний колонтитул выходит в верхнюю часть страницы.

position:fixed извлекает элемент и оставляет пространство для заполнения другими элементами.

Два решения:

Один Если вы можете, лучше установить IFRAME с position:relative

Два Установите margin-top в футере равна height вашего фрейма.