아이프레임 질문입니다.
본문
게시판 불러온 아이프레임 부분의 높이를 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
단지, 아이프레임태그만 적용으로 문서의 높이가 자동으로 변경되지 않습니다.
아이프레임 높이를 자동으로 인식켜 하는 자바스크립트 추가해줘야할듯 싶네요.
그누보드 > 강좌 > 개발자팁 게시판에서 검색을 해서 정보를 얻어보세요.
아래처럼 코드를 수정해 보세요.
<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>
구체적으로 뭘 원하시는지는 모르겠지만 간단히 만들어 봤는데
참조만 하시죠. 그리고 숫자로 적당히 조절하시면 되겠네요.
<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>
ㅠㅠ 전부 적용해봤는데 안되네요...문제가 대체 뭘까요?ㅠㅠㅠ
iframe 을 감싸고 있는 div 가 있는것 같은데, div 에 사이즈가 먹혀 있으면 iframe 에서 아무리 % 를 준다 해도 그 div 영역 안에서의 % 로 적용될겁니다.
답변을 작성하시기 전에 로그인 해주세요.