안녕하세요. 저자입니다. 보통 iframe을 이용하다 보면 iframe의 크기가 애매해서 높이를 정하기가 수월하지 않습니다. 특히 iframe 내부의 페이지가 많은 경우 더욱 그런 현상이 발생하죠. 이럴때는 자바스크립을 이용해서 해결합니다.
아래의 소스를 해당 페이지에 삽입하시고,
<script type="text/javascript">// iframe resize function autoResize(i){ var iframeHeight= (i).contentWindow.document.body.scrollHeight; (i).height=iframeHeight+20;}
</script>
iframe에는 다음과 같이 설정해 주세요.
<iframe src="불러오는 웹 페이지" class="frame1" onload="autoResize(this)" scrolling="no" frameborder="0"> </iframe>
이렇게 되면 해결 할 수 있을 겁니다. ^^
혹시 문제가 생길 경우 소스를 보내 주시거나 링크를 알려주시면 확인해 보겠습니다.
행복한 하루 되세요. ^^
2012.01.10 09:38:46 (*.248.156.174)
김종학
답변 정말 감사드립니다. 인터넷에 다른 스크립트들은 제대로 작동을 안 했는데. 알려주신 스크립트는 잘 작동하네요. 그런데 한 가지 문제가 있는 것이.. 긴 글을 볼 때는 글이 긴 만큼 세로 길이가 잘 늘어나는데요. 긴 글을 읽은 다음 그보다 짧은 글을 읽으면, 글 길이가 짧아진 만큼 세로 길이가 줄어들지 않아서 아래쪽으로 공백이 남습니다. 이를 해결할 방법이 없을까요? 번거롭게 해 드려서 죄송합니다. ^^;; 새해 복 많이 받으세요.
2012.01.10 09:39:48 (*.248.156.174)
김종학
참고로 링크는 http://hrtem.kaist.ac.kr/lab_homepage_2012/html/7.html 입니다.
2012.01.10 13:12:38 (*.8.73.101)
유지아빠
안녕하세요. 저자입니다. 이상하게 제가 테스트 하는 서버에서는 제로보드를 전부 불러 들이지 못하는 문제점이 있어 정확한 문제를 파악하지 못하고 있습니다. 그래서 다른 솔루션도 있는데, 이 방법을 적용해 보시는 것도 추천드립니다. jQuery를 사용하는 방법인데요. URL은 https://github.com/house9/jquery-iframe-auto-height 입니다. 완벽한 도움이 되지 못해 죄송합니다.
새해 복 많이 받으시구요. ^^
2012.01.11 21:14:09 (*.248.156.174)
김종학
인사가 좀 늦었네요. 답변 감사드립니다. 이번 기회에 jquery도 배우면 좋을 것 같아요.
2012.01.12 21:06:31 (*.8.73.101)
유지아빠
넵 jQuery는 로드북에서 나온 "웹 디자이너를 위한 jQuery " 가 시중에서 나온 jQuery 서적 중 가장 쉽고 빨리 응용 가능합니다. ^^
특히 iframe 내부의 페이지가 많은 경우 더욱 그런 현상이 발생하죠.
이럴때는 자바스크립을 이용해서 해결합니다.
아래의 소스를 해당 페이지에 삽입하시고,
<script type="text/javascript">// iframe resize
function autoResize(i){
var iframeHeight=
(i).contentWindow.document.body.scrollHeight;
(i).height=iframeHeight+20;}
</script>
iframe에는 다음과 같이 설정해 주세요.
<iframe src="불러오는 웹 페이지" class="frame1" onload="autoResize(this)" scrolling="no" frameborder="0"> </iframe>
이렇게 되면 해결 할 수 있을 겁니다. ^^
혹시 문제가 생길 경우 소스를 보내 주시거나 링크를 알려주시면 확인해 보겠습니다.
행복한 하루 되세요. ^^