크로스브라우징 관련 아이프레임 리사이징 질문드려요 정보
크로스브라우징 관련 아이프레임 리사이징 질문드려요본문
질문답변게시판에서 검색하여 찾아낸 두가지 소스로 실험하고 있습니다...
1번의 경우
http://iparasol.co.kr/sub/board/free_board_header_edit-1.html
크롬에선 잘 돌아가는데 IE에선 리사이징이 안됩니다
사용한 소스>>
<iframe id="embeded-content" width="100%" src="http://iparasol.co.kr/gnuboard4/bbs/board.php?bo_table=free_board" scrolling="NO" marginwidth="0" marginheight="0" frameborder="0" allowTransparency="true"></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>
2번의 경우
http://iparasol.co.kr/sub/board/free_board_header_edit-2.html
IE에선 잘 돌아가는데 크롬에선 리스트로는 제대로 출력되나
글에 들어가면 프레임이 쭉 늘어나더니 줄어들질 않구요
사용한 소스>>
<script language="JavaScript">
function reSize() {
try {
var objBody = auto_iframe.document.body;
var objFrame = document.all["auto_iframe"];
ifrmHeight = objBody.scrollHeight + (objBody.offsetHeight - objBody.clientHeight);
objFrame.style.height = ifrmHeight;
}
catch(e) {}
}
function init_iframe() {
reSize();
setTimeout('init_iframe()',1)
}
init_iframe();
</script>
<iframe src="http://iparasol.co.kr/gnuboard4/bbs/board.php?bo_table=free_board" frameborder='0' width="100%" allowTransparency="true" name="auto_iframe" id="auto_iframe" marginwidth="0" marginheight="0" scrolling="no"></iframe>
html만 좀 하는 정도라 뭐가 문제인지 모르겠어요..
도와주시면 정말정말 감사하겠습니다ㅠ.ㅠ;;
1번의 경우
http://iparasol.co.kr/sub/board/free_board_header_edit-1.html
크롬에선 잘 돌아가는데 IE에선 리사이징이 안됩니다
사용한 소스>>
<iframe id="embeded-content" width="100%" src="http://iparasol.co.kr/gnuboard4/bbs/board.php?bo_table=free_board" scrolling="NO" marginwidth="0" marginheight="0" frameborder="0" allowTransparency="true"></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>
2번의 경우
http://iparasol.co.kr/sub/board/free_board_header_edit-2.html
IE에선 잘 돌아가는데 크롬에선 리스트로는 제대로 출력되나
글에 들어가면 프레임이 쭉 늘어나더니 줄어들질 않구요
사용한 소스>>
<script language="JavaScript">
function reSize() {
try {
var objBody = auto_iframe.document.body;
var objFrame = document.all["auto_iframe"];
ifrmHeight = objBody.scrollHeight + (objBody.offsetHeight - objBody.clientHeight);
objFrame.style.height = ifrmHeight;
}
catch(e) {}
}
function init_iframe() {
reSize();
setTimeout('init_iframe()',1)
}
init_iframe();
</script>
<iframe src="http://iparasol.co.kr/gnuboard4/bbs/board.php?bo_table=free_board" frameborder='0' width="100%" allowTransparency="true" name="auto_iframe" id="auto_iframe" marginwidth="0" marginheight="0" scrolling="no"></iframe>
html만 좀 하는 정도라 뭐가 문제인지 모르겠어요..
도와주시면 정말정말 감사하겠습니다ㅠ.ㅠ;;
댓글 전체
http://naradesign.net/wp/2007/12/12/129/
이 코드 읽어보고 사용하세요
이 코드 읽어보고 사용하세요
답변 감사합니다!!
IE와 크롬 모두 동작하는 것을 확인했습니다
다만 크롬에선 긴 글->짧은 글로 이동 할 때 높이 조절이 되지 않네요..
그냥 사용해야할지 고민이네요ㅠ
IE와 크롬 모두 동작하는 것을 확인했습니다
다만 크롬에선 긴 글->짧은 글로 이동 할 때 높이 조절이 되지 않네요..
그냥 사용해야할지 고민이네요ㅠ