크롬, 파이어폭스, 익스플로러 호환 자동 리사이즈 아이프레임(iframe)

아이프레임 설정 파일.

<iframe src="불러올 페이지 주소" id="mainFrame" name="mainFrame" frameborder="0" width="100%" height="100%" scrolling="no"></iframe>

불러올 페이지 설정.

<script language="JavaScript">

function init(){

var doc = document.getElementById("mainContent");

if(doc.offsetHeight != 0){

pageheight = doc.offsetHeight;

parent.document.getElementById("mainFrame").height = pageheight+"px";

}

}

window.onload = function(){

init();

}

</script>

<div id="mainContent">

내용

</div>