아이프레임 iframe 이용시 정해진 높이에 상관없이 내용 보여주기 정보
아이프레임 iframe 이용시 정해진 높이에 상관없이 내용 보여주기본문
홈페이지를 만들다보면 아쉬운점이 있어 문의드립니다.
보통 아이프레임을 이용하면 지정한 넓이와 높이대로 보여지잖아요
<IFRAME name="Frame" src="http://www.도메인주소/top.php"
width="100%" height="92" frameborder="0" framespacing="0" marginheight="0" marginwidth="0" scrolling="no" vspace="0"> </iframe>
위와 같이 소스 적용했을 경우
높이 92픽셀 범위내에서 내용물이 보여주고 그 범위를 벗어나면 top.php 내용물이 짤리는 현상이 생기는데요 (이미지 참조요)
어떻게하면 top.php 안에 있는 메뉴부분을 마우스로 위치시킬때 부메뉴를 짤리지않게 보여줄 수 있는 방법이 있을까요.
이게 해결되면 홈페이지를 쉽고 깔끔하게 구현할 수 있을것 같은데요
아시는 분 공유해주시면 대단히 고맙겠습니다.
읽어주셔서 감사합니다.
댓글 전체
<script language="JavaScript">
<!--
function calcHeight()
{
//find the height of the internal page
var the_height=document.getElementById('the_iframe').contentWindow.document.body.scrollHeight;
//change the height of the iframe
document.getElementById('the_iframe').height=the_height;
}
//-->
</script>
<iframe width="100%" id="the_iframe" onLoad="calcHeight();" src="#" scrolling="no" frameborder="0" height="150"></iframe>
이렇게 하시면 됩니다~~~
<!--
function calcHeight()
{
//find the height of the internal page
var the_height=document.getElementById('the_iframe').contentWindow.document.body.scrollHeight;
//change the height of the iframe
document.getElementById('the_iframe').height=the_height;
}
//-->
</script>
<iframe width="100%" id="the_iframe" onLoad="calcHeight();" src="#" scrolling="no" frameborder="0" height="150"></iframe>
이렇게 하시면 됩니다~~~
그대로 적용해봤는데요 아쉽게도 안되네요.
오류와 함께 잘리는 현상이 나타나네요
그래도 신비나라님 의견주셔서 감사드립니다^^
다른 의견도 있다면 나눠주시면 고맙겠습니다
오류와 함께 잘리는 현상이 나타나네요
그래도 신비나라님 의견주셔서 감사드립니다^^
다른 의견도 있다면 나눠주시면 고맙겠습니다
이건 메뉴이기에 정해진 높이가 있을거 아닙니까? 굳이어 메뉴를 아이프레임으로 쓰실 필요가 있을까요... include문쓰셔서 삽입하시면 될텐데요..