아이프레임 질문입니다.
게시판 불러온 아이프레임 부분의 높이를 100% 로 하면 저렇게 작아 집니다.
ㅠㅠ 저 부분을 어떻게 해결해야하는건지 모르겠어요. 하다못해 높이라도 밑에까지 내려가면 될것 같은데;; px로 사이즈를 지정하는거 아니면 바뀌질 않습니다 혹시 방법을 알수 있을까요?
태그는 저렇게 입력했습니다...
답변 5개
iframe 을 감싸고 있는 div 가 있는것 같은데, div 에 사이즈가 먹혀 있으면 iframe 에서 아무리 % 를 준다 해도 그 div 영역 안에서의 % 로 적용될겁니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
구체적으로 뭘 원하시는지는 모르겠지만 간단히 만들어 봤는데
참조만 하시죠. 그리고 숫자로 적당히 조절하시면 되겠네요.
</p><p><iframe src="<a href="<a href="http://jejubus114.com/g5/bbs/board.php?bo_table=go&page=" target="_blank" rel="noopener noreferrer">http://jejubus114.com/g5/bbs/board.php?bo_table=go&page=</a>"><a href="http://jejubus114.com/g5/bbs/board.php?bo_table=go&page=" target="_blank" rel="noopener noreferrer">http://jejubus114.com/g5/bbs/board.php?bo_table=go&page=</a></a>" class="iframe" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></p><p>
</p><p><script></p><p>var x = (screen.width - 25) + 'px';</p><p>var y = screen.height + 'px';</p><p>
</p><p>$(function(){</p><p><span style="white-space:pre"> </span>$(".iframe").css({</p><p><span style="white-space:pre"> </span>'width':x,</p><p><span style="white-space:pre"> </span>'height':y</p><p><span style="white-space:pre"> </span>});</p><p>});</p><p></script></p><p>댓글을 작성하려면 로그인이 필요합니다.
아래처럼 코드를 수정해 보세요.
</strong></p><div style="color: rgb(255, 255, 255); font-family: Consolas, "Courier New", monospace; font-size: 14px; white-space: pre;"><span style="color: rgb(255, 157, 164);"><iframe src=</span><span style="color: rgb(209, 241, 169);">"<a href="<a href="http://jejubus114.com/g5/bbs/board.php?bo_table=go" target="_blank" rel="noopener noreferrer">http://jejubus114.com/g5/bbs/board.php?bo_table=go</a>" style="color: rgb(0, 0, 0);"><a href="http://jejubus114.com/g5/bbs/board.php?bo_table=go" target="_blank" rel="noopener noreferrer">http://jejubus114.com/g5/bbs/board.php?bo_table=go</a></a></span>&<span style="color: rgb(209, 241, 169);">page="</span><span style="color: rgb(255, 157, 164);"> id="bbs" width=</span><span style="color: rgb(209, 241, 169);">"100%"</span><span style="color: rgb(255, 157, 164);"> height=</span><span style="color: rgb(209, 241, 169);">"100%"</span><span style="color: rgb(255, 157, 164);"> scrolling=</span><span style="color: rgb(209, 241, 169);">"auto"</span><span style="color: rgb(255, 157, 164);"> marginwidth=</span><span style="color: rgb(209, 241, 169);">"0"</span><span style="color: rgb(255, 157, 164);"> marginheight=</span><span style="color: rgb(209, 241, 169);">"0"</span><span style="color: rgb(255, 157, 164);"> frameborder=</span><span style="color: rgb(209, 241, 169);">"0"</span><span style="color: rgb(255, 157, 164);">></iframe></span></div><p><strong style="color: rgb(127, 127, 127); font-family: Arial, 돋움, Dotum; font-size: 12px;">
</strong></p><p><span style="font-family: Arial, 돋움, Dotum; color: rgb(127, 127, 127);"><span style="font-size: 12px;"><b><script type="text/javascript"></b></span></span></p><p><span style="font-family: Arial, 돋움, Dotum; color: rgb(127, 127, 127);"><span style="font-size: 12px;"><b>function reinitIframe(){</b></span></span></p><p><span style="font-family: Arial, 돋움, Dotum; color: rgb(127, 127, 127);"><span style="font-size: 12px;"><b><span style="white-space:pre"> </span>var iframe = document.getElementById("bbs");</b></span></span></p><p><span style="font-family: Arial, 돋움, Dotum; color: rgb(127, 127, 127);"><span style="font-size: 12px;"><b><span style="white-space:pre"> </span>try{</b></span></span></p><p><span style="font-family: Arial, 돋움, Dotum; color: rgb(127, 127, 127);"><span style="font-size: 12px;"><b><span style="white-space:pre"> </span>var bHeight = iframe.contentWindow.document.body.scrollHeight;</b></span></span></p><p><span style="font-family: Arial, 돋움, Dotum; color: rgb(127, 127, 127);"><span style="font-size: 12px;"><b><span style="white-space:pre"> </span>var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;</b></span></span></p><p><span style="font-family: Arial, 돋움, Dotum; color: rgb(127, 127, 127);"><span style="font-size: 12px;"><b><span style="white-space:pre"> </span>var height = Math.max(bHeight, dHeight);</b></span></span></p><p><span style="font-family: Arial, 돋움, Dotum; color: rgb(127, 127, 127);"><span style="font-size: 12px;"><b><span style="white-space:pre"> </span>iframe.height = height;</b></span></span></p><p><span style="font-family: Arial, 돋움, Dotum; color: rgb(127, 127, 127);"><span style="font-size: 12px;"><b><span style="white-space:pre"> </span>}catch (ex){}</b></span></span></p><p><span style="font-family: Arial, 돋움, Dotum; color: rgb(127, 127, 127);"><span style="font-size: 12px;"><b>}</b></span></span></p><p><span style="font-family: Arial, 돋움, Dotum; color: rgb(127, 127, 127);"><span style="font-size: 12px;"><b>var RI = window.setInterval("reinitIframe()", 200);</b></span></span></p><p><span style="font-family: Arial, 돋움, Dotum; color: rgb(127, 127, 127);"><span style="font-size: 12px;"><b></script></b></span></span></p><p><strong style="color: rgb(127, 127, 127); font-family: Arial, 돋움, Dotum; font-size: 12px;">
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인