묻고답하기
iframe 자동 높이 조절 도움 부탁드립니다
2013.05.15 17:53
기존 홈페이지에 xe게시판을 iframe태그로 넣었습니다..
그런데 이게 게시판에 게시글을 하나 눌러서 들어가면 저렇게 스크롤바가 두개나 생깁니다..
제가 원하는건 스크롤바는 오로지 제일 오른쪽에만 생기고 컨텐츠 높이가 알아서 딱맞게 조절이 되었으면 하는데
당췌 오토스크롤링 no 를 해봐도 안되고 어떻게 해야할지 모르겠네여 ㅠㅠ 도움 부탁드립니다.
(스마트폰으로 접속하면 컨텐츠에 스크롤바가 안생기고 알아서 사이즈 딱맞게 펼쳐지네요 ㅠㅠ)
아래는 해당 사이트 소스입니다 ㅠㅠ
<!-- #include virtual = "/head_.asp" -->
<table width="980" border="0" align="center" cellpadding="0" cellspacing="0">
<tr><td>
<!-- #include virtual = "/right_.asp" -->
<!-- #include virtual = "/top_.asp" -->
<br/>
<table width="980" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="220" valign="top">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<style type="text/css">
html,body {
height: 100%
}
</style>
<script type="text/javascript">
FlashObject("image/sub_menu.swf?mNum=6&sNum=2",220,220, "#FFFFFF", "subMenu");
</script>
</td>
</tr>
</table>
<!-- 왼쪽 배너 -->
<!-- #include virtual = "/left_.asp" -->
<!-- //왼쪽 배너 -->
</td>
<td width="760" align="right" valign="top"><table width="750" height="25" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="265" valign="top"><img src="image/sub/title_image/sub06-2_title.gif" width="265" height="22"></td>
<td width="431" align="right" valign="bottom" class="style3">HOME > 학생지원 > <b>영진이모저모</b> </td>
</tr>
</table>
<table width="750" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="29"> </td>
<td width="721" height="1100"align="left" valign="top">
<iframe id="execusite" frameborder="0" style="background-color:transparent;" allowTransparency="true" width="100%" height="100%" scrolling="true" src="http://yj8877.cafe24.com/sub05_1_a"></iframe>
</td>
</tr>
</table></td>
</tr>
</table>
</td></tr>
</table>
<br>
<!-- 하단 카피 및 링크메뉴 -->
<!-- #include virtual = "/bottom_.asp" -->
<!-- //하단 카피 및 링크메뉴 -->
<script type="text/javascript" src="http://adcounter.emnet.co.kr/analysis/analysis.js?_ih_sidx=2485&_ih_ua=1&_ih_key=f047c1576ae4b57c4433124ffb8d0553"></script>
</body>
</html>
댓글 3
-
젠이
2013.05.15 18:08
-
도로독
2013.05.22 14:14
그렇게 해봐도 안되네여 ㅠ_ㅠ.. 문제가 뭘까요 도대체 흑흑.. -
술낚시
2014.08.11 06:19
크롬에서는 잘 되는데 IE에서는 않되네요 이유가 뭘까요?
layout.html에 이 소스를 추가해 보세요~
<script type="text/javascript">
// 아이프레임 세로 자동 리사이징 (세로값을 자동으로 추출하여 스크롤바 생기지 않음)
function resizeFrame(frm) {
frm.style.height = "auto";
contentHeight = frm.contentWindow.document.body.scrollHeight;
frm.style.height = contentHeight + 4 + "px";
}
</script>
그리고 아이프레임 쓰실 때
<iframe src="아이프레임 주소" id="아이프레임 아이디 (없어도 무방)" width="1000px" height="0px" marginwidth="0px" marginheight="0px" frameborder="no" scrolling="no" align="center" onload="resizeFrame(this)"></iframe>
코드를 이런 식으로 쓰면 됩니다.
크로스브라우징 지원하더군요^^