아이프레임 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 안에 있는 메뉴부분을 마우스로 위치시킬때 부메뉴를 짤리지않게 보여줄 수 있는 방법이 있을까요.
이게 해결되면 홈페이지를 쉽고 깔끔하게 구현할 수 있을것 같은데요
아시는 분 공유해주시면 대단히 고맙겠습니다.
읽어주셔서 감사합니다.
홈페이지를 만들다보면 아쉬운점이 있어 문의드립니다.
보통 아이프레임을 이용하면 지정한 넓이와 높이대로 보여지잖아요
<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 안에 있는 메뉴부분을 마우스로 위치시킬때 부메뉴를 짤리지않게 보여줄 수 있는 방법이 있을까요.
이게 해결되면 홈페이지를 쉽고 깔끔하게 구현할 수 있을것 같은데요
아시는 분 공유해주시면 대단히 고맙겠습니다.
읽어주셔서 감사합니다.
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 3개
<!--
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>
이렇게 하시면 됩니다~~~
오류와 함께 잘리는 현상이 나타나네요
그래도 신비나라님 의견주셔서 감사드립니다^^
다른 의견도 있다면 나눠주시면 고맙겠습니다