본문 바로가기
9. 프로젝트/└ 02. 홈페이지제작

iframe 높이를 자동으로 조절

by 훈킹 2008. 7. 26.
반응형

<iframe name="iframe1" src="about:blank" width="600" height="0" frameborder="0" onload="this.style.height=this.contentWindow.document.body.scrollHeight;"></iframe>

끝입니다. 너무 짧은가요? --;;

src 부분은 적당히 변경해 주시구요. 예를 들어 DB에서 값을 조회해서 iframe 에 뿌려주는데.. 높이가 수시로 변할 경우 등에 사용하면 좋을 것 같습니다.

onload 이벤트에서 this.style.height 대신 this.height 로만 써줘도 작동하는 것 같네요.

참고로 IE 6.0 에서만 테스트해 봤습니다.

일반 iframe

<iframe src="주소" name="이름" width="가로크기" height="세로크기" marginwidth="좌우여백"
marginheight="
상하여백" scrolling="스크롤바여부" frameborder="테두리두께" align="정렬방식"></iframe> 

반응형