아이프레임 질문입니다.
게시판 불러온 아이프레임 부분의 높이를 100% 로 하면 저렇게 작아 집니다.
ㅠㅠ 저 부분을 어떻게 해결해야하는건지 모르겠어요. 하다못해 높이라도 밑에까지 내려가면 될것 같은데;; px로 사이즈를 지정하는거 아니면 바뀌질 않습니다 혹시 방법을 알수 있을까요?
<iframe src="http://jejubus114.com/g5/bbs/board.php?bo_table=go&page=" width="100%" height="100%" scrolling="auto" marginwidth="0" marginheight="0" frameborder="0"></iframe>
</div>
태그는 저렇게 입력했습니다...
|
답변 5개 / 댓글 1개
2017-09-07 (목) 18:46:13
iframe 을 감싸고 있는 div 가 있는것 같은데, div 에 사이즈가 먹혀 있으면 iframe 에서 아무리 % 를 준다 해도 그 div 영역 안에서의 % 로 적용될겁니다.
답변에 대한 댓글 1개
2017-09-07 (목) 17:49:33
ㅠㅠ 전부 적용해봤는데 안되네요...문제가 대체 뭘까요?ㅠㅠㅠ
2017-09-07 (목) 16:07:52
구체적으로 뭘 원하시는지는 모르겠지만 간단히 만들어 봤는데
참조만 하시죠. 그리고 숫자로 적당히 조절하시면 되겠네요.
Copy
<iframe src="http://jejubus114.com/g5/bbs/board.php?bo_table=go&page=" class="iframe" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe><script>var x = (screen.width - 25) + 'px';var y = screen.height + 'px';$(function(){ $(".iframe").css({ 'width':x, 'height':y });});</script>
2017-09-07 (목) 15:42:27
아래처럼 코드를 수정해 보세요.
Copy
<iframe src="http://jejubus114.com/g5/bbs/board.php?bo_table=go&page=" id="bbs" width="100%" height="100%" scrolling="auto" marginwidth="0" marginheight="0" frameborder="0"></iframe><script type="text/javascript">function reinitIframe(){ var iframe = document.getElementById("bbs"); try{ var bHeight = iframe.contentWindow.document.body.scrollHeight; var dHeight = iframe.contentWindow.document.documentElement.scrollHeight; var height = Math.max(bHeight, dHeight); iframe.height = height; }catch (ex){}}var RI = window.setInterval("reinitIframe()", 200);</script>
2017-09-07 (목) 15:39:43
단지, 아이프레임태그만 적용으로 문서의 높이가 자동으로 변경되지 않습니다.
아이프레임 높이를 자동으로 인식켜 하는 자바스크립트 추가해줘야할듯 싶네요.
그누보드 > 강좌 > 개발자팁 게시판에서 검색을 해서 정보를 얻어보세요.
답변을 작성하려면 로그인이 필요합니다.