2013-10-25 2 views
0

마스터 페이지에 iframe을 사용하고 있습니다. 두 개의 마스터 페이지가 있습니다. 사용자가 입력하면 두 번째 마스터 페이지가 적용됩니다. 그래서 두 번째 마스터 페이지에는 iframe이 있습니다. footer가 iframe에 benith로 나타나길 원합니다. 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> 

문제는 다음과 같습니다 바닥 글 내용에오고있다. 하단이 아님

답변

1

iframe의 너비가 fixed position이므로 꼬리말이 페이지 상단으로 이동하기 때문에 이런 현상이 발생합니다.

position:fixed은 요소를 추출하고 다른 요소로 채울 공간을 남겨 둡니다.

두 솔루션 :

당신이 더 나은 position:relative

로 iframe을 설정할 수 있습니다 경우 iframe 대응의 height에 바닥 글에 margin-top 동일 설정합니다.

관련 문제