아이프레임 자동리사이징 (크롬,파폭적용)

iframe이 XHTML strict 에서는 비표준이라 사용을 자제하길 권고하고 있지만

부득이하게 iframe사용하시는 분들 많이 있습니다. 문제는 자동리사이징이 안되서 고민이 많죠

 

여러가지 소스들을 다 해봤는데 소스에 따라서 크롬이나 파폭에선 적용이 안되는 문제들이 있더라구요

모든 브러우저를 적용되는 소스입니다. ^^

많이 퍼가세요~

그래도 익스플로워 호환성은 여전히 안좋은것 같습니다. ㅎ

 

----------------------------------------------------------------------------------------------

 

 

<IE6, IE7, IE8, Opera 11.62, Firefox 11.0, Safari 5.1.5, Chrome 18.0에서 테스트 됨>

 

<iframe id="embeded-content" width="90%" src="iframe.php"></iframe>

 

<script type="text/javascript">
function resize_frame(id) {
var frm = document.getElementById("embeded-content");
function resize() {
frm.style.height = "auto"; // set default height for Opera
contentHeight = frm.contentWindow.document.documentElement.scrollHeight;
frm.style.height = contentHeight + 23 + "px"; // 23px for IE7
}
if (frm.addEventListener) {
frm.addEventListener('load', resize, false);
} else {
frm.attachEvent('onload', resize);
}
}
resize_frame('embeded-content');
</script>