묻고답하기
아이프레임 세로 100% 쓰고 싶은데요
2015.06.03 23:05
<iframe id="ifrm" width="100%" height="100%" frameborder="no" scrolling="no" src="iframe.html" marginwidth="0" marginheight="0" onload="resizeIframe(this)"></iframe>
<SCRIPT LANGUAGE="JavaScript">
<!--
function resizeIframe(fr) {
fr.setExpression('height',ifrm.document.body.scrollHeight);
fr.setExpression('width',ifrm.document.body.scrollWidth);
}
//-->
</SCRIPT>
위 소스를 에디터에 적용시키면 안되는데요 어떻게 해야하나요?
댓글 7
-
착한동구
2015.06.04 08:27
저는 초짜라 요소검사로 봐도 구문만 보이지 원인등을 알아내지 못한답니다
그리고 새로 100%는 xe내에서 아닌 어디에서도 안먹히네요
-
착한동구
2015.06.04 09:00
검색해보니 원인:parent.element 의 height의 영향을 받기 때문
해결책은.... html/body/iframe 모두 height를 100%로 선언해야한단다...
위와 같이 선언을 해두면 div element의 100% height 속성이 제대로 표현된다.이라고 나오네요한마디로 말해서 제가 박스형 레이아웃을 사용하기때문이네요
이런걸 요소검사로 알수 있나요?
-
요소검사로 아이프레임을 감싸고 있는 요소 하나하나를 보면서 그중 크기가 작게 지정된 것을 찾은뒤 수정해주시면 됩니다.
-
착한동구
2015.06.04 10:08
감사합니다
-
슈니슈니
2015.10.03 03:52
혹시 해결하셨나요? 소스를 어디다 적용시켜야하는건가요
-
착한동구
2015.12.19 18:49
아니요 해결은 절대 안되네요
보통 이런경우에는 다른 외부적 요인이 작용해서 그런걸수도 있습니다.
저 코드는 현재 페이지에서의 100%를 말하는거 같네요
요소 검사등으로 왜 안되는지 확인해보시는게 빠르실듯.