2012-05-23 3 views
2

이것은 정렬하기 쉽지만 인터넷에서 3 시간 동안 광범위한 조사를 한 후에도 해결책을 찾을 수 없습니다. 여기에 내 문제가 있습니다 : Wordpress를 CMS로 사용하고 있습니다. (필자는 어쨌든 그것이 내 사건에서는별로 중요하지 않다고 생각한다.) 나는 wordpress 페이지 안에 iframe을 사용하고 싶다. 괜찮아. 프레임의 높이가 CSS와 모두에서 100 %로 설정됩니다.Firefox 및 IE에서 프레임 높이를 100 %로 설정할 수 없음

이 기능은 Chrome의 매력처럼 작동하지만 프레임에는 Firefox와 IE의 스크롤 막대가 표시되며 높이는 약 250 픽셀입니다. 나는이 포럼에서 검색하고 대부분의 사람들이 여기 인터넷이 솔루션 propsoed : iframe을위한 또한

html, body,iframe { margin:0; padding:0; height:100%; min-height: 100% } 

:이 작동하지 않았다

.forms 
{ 
width:100%; 
min-height:100% !important; 
display:block;} 

합니다. 그래서 다른 것들도 시도 : 오버플로 : 숨김 (이것은 전체 프레임을 표시하지 않습니다). 나는 또한 iframe에서 Jquery resize 함수를 사용하여 시도했다. 그것도 작동하지 않았다. 나는 또한 여기에 게시 된 JS 솔루션을 시도 : http://yysource.com/2011/08/source-code-iframe-with-100-height/

하지만 역시 작동하지 않았다. 그래서 지금 나는 지쳐서 여기 내 문제를 게시하여 누군가가 나를 도와 줄 수 있기를 바란다. 다음은 iframe을 사용하는 내 페이지입니다. http://motushealth.com/mytip/

감사합니다. Ahmar.

참고 : CSS에서도 postion:fixed을 사용해 보았습니다.

+0

900에서 높이를 변경했습니다. 이렇게하면 올바른 것을 실제로 시도했는지 확인할 수 있습니다. – itsols

+0

링크를 게시했습니다. 소스 코드를 볼 수 있습니다. –

+0

다음 중 하나를 시도해보십시오 : inlcude ** min-height : 200; overflow : auto; ** iframe이 들어있는 단락의 스타일 및 항목 클래스/div – itsols

답변

2

나는 두 가지를 시도했다. 먼저

html, body, iframe { 
height: 100%; // remove this line 
margin: 0; 
min-height: 100%; 
padding:0;} 

초,

<iframe height="450" frameborder="0" class="forms" onload="resize_iframe()" id="glu" style="border:0px;" src="/form1.html"> 

나는 당신이 당신의 설정 및 iframe이와 기본 HTML 페이지를 붙여한다면 그것은 도움이 될 것입니다 (450)

+0

답장을 보내 주셔서 감사합니다. 하지만 두 가지 방법이 여전히 작동하지 않습니다. 스크롤은 Firefox에 표시됩니다. –

+0

안녕하세요. 고마워. –

관련 문제