묻고답하기
XE로 아이프레임 자동 height 조정하기..
2010.09.18 13:52
아래는 현재 상태입니다..
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<title></title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>
</head>
<body>
<center>
<table width="1140px" height="auto" border="0" cellpadding="0" cellspacing="0">
<tr>
<!-- login frame-->
<td width="205" height="300" valign="top"><iframe src="주소/xe/login" scrolling="no" frameborder="0" width="205px" height="300px" align="left" marginheight="0" marginwidth="0"></iframe></td>
<!-- flash frame-->
<td width="735" height="300" colspan="3" valign="top"><iframe src="주소/indexFlash.html" scrolling="no" frameborder="0" width="735px" height="300px" marginheight="0" marginwidth="0"></iframe></td>
<!-- right frame-->
<td width="200" rowspan="3" align="center" valign="top"><iframe src="주소/xe/?mid=rightFrame" name="rightFrame" id="rightFrame" scrolling="no" width="200px" height="220px" frameborder="0"></iframe></td>
<td width="5" rowspan="3" align="center" valign="top"> </td>
</tr>
<tr>
<!-- menu frame-->
<td width="205" height="888" rowspan="2" valign="top"><iframe src="주소/xe/menu" scrolling="no" frameborder="0" width="205px" height="900" align="right" marginheight="0" marginwidth="0"></iframe></td>
<!-- main frame-->
<td width="735" height="5" colspan="3" valign="top"> </td>
</tr>
<tr>
<td width="735" height="865" valign="top"> </td>
<td width="725" height="865" valign="top"><iframe src="주소/xe/?mid=intro" name="mainFrame" id="mainFrame" scrolling="no" frameborder="0" width="735px" height="865" align="top"></iframe></td>
<td width="5" height="865" valign="top"> </td>
</tr>
<tr>
<td height="10" colspan="6" valign="top">
<center>
<font size="-1" face="Arial, Helvetica, sans-serif">Copyrights ⓒ</font>
</center></td>
</tr>
</table>
</center>
</body>
</html>
mainFrame 부분에 보드가 들어가기 때문에, 저 부분이 자동 조절 되어야하는데요..여러 소스를 써보았지만 잘 되지 않네요.. 어떻게 해야 할까요?
댓글 2
-
hhgyu
2010.09.18 14:01
참고하세요 - http://www.xpressengine.com/19136944 -
DaKi
2010.09.18 23:39
감사합니다. 해결했습니다. -
아이스헤라
2010.09.18 14:19
<SCRIPT language="javascript">
function reSize() {
try {
var objBody = auto_iframe.document.body;
var objFrame = document.all["auto_iframe"];
ifrHeight = objBody.scrollHeight + (objBody.offsetHeight - objBody.clientHeight);
objFrame.style.height = ifrHeight;
}
catch(e) {}
}
function init_iframe(){
reSize();
setTimeout('init_iframe()',1)
}
init_iframe();
</script> <iframe src=" id="auto_iframe" name="auto_iframe" width="500" height="500" frameborder="0" scrolling="no" marginwidth="0" marginheight="0" hspace="0" vspace="0"> </iframe> 저도 이 코드로 컨텐츠 길이에 따라 아이프레임 height 자동으로 늘어나게 쓰고 있어요^^ -
DaKi
2010.09.18 23:40
답변 감사드립니다. 답변 채택 해드리고 싶은데 한번 밖에 안되는군요ㅠㅠ -
언약
2010.12.27 13:02
혹시 iframe을 적용시키고자 하는 페이지(게시판)가 다른 도메인이어도 적용되는지요
