묻고답하기
아이프레임 자동 조절 그리고 그 하단..
2010.09.19 00:00
답변 해주신 분들 덕분에 아이프레임 자동 조절 부분을 절반 정도 해결하였습니다.
그런데 아이프레임 자동 조절 한 이후에 그 아래에 들어갈 내용 역시 자동적으로 그 아래 붙게 해야하는데 그게 안되더군요.
<!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;
}
#header {
width:1140px; height:310px;
}
#login {
width:205px; height:300px; float:left; margin:3px 3px 3px 3px;
}
#flash {
width:735px; height:300px; float:left; margin:3px 3px 3px 3px;
}
#content {
width:1140px; height:700px;
}
#sidemenu {
width:205px; height:700px; float:left; margin:3px 3px 3px 3px;
}
#main {
width:735px; height:700px; float:left; margin:3px 3px 3px 3px;
}
#footer {
width:100%; height:20px; background-color:#FFFF00; float:left;
}
-->
</style>
</head>
<body>
<center>
<div id="header">
<div id="login"><iframe src="주소/xe/login" scrolling="no" frameborder="0" width="205px" height="300px" align="left" marginheight="0" marginwidth="0"></iframe></div>
<div id="flash"><iframe src="주소/indexFlash.html" scrolling="no" frameborder="0" width="735px" height="300px" marginheight="0" marginwidth="0"></iframe></div>
</div>
<div id="content">
<div id="sidemenu"><iframe src="주소/xe/menu" name="menuiframe" id="menuiframe" scrolling="no" frameborder="0" width="205px" height="700px" align="right" marginheight="0" marginwidth="0"></iframe></div>
<div id="main"><iframe src="주소/xe/?mid=intro" name="mainFrame" id="mainFrame" scrolling="no" frameborder="0" width="735px" height="700px" align="top" onload="scrollTo(0,0);"></iframe></div>
</div>
<div id="footer">
<center>
<font size="-1" face="Arial, Helvetica, sans-serif">Copyrights ⓒ </font>
</center>
</div>
<!--
<table width="1140px" height="20px" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="1140px" height="20px">
<center>
<font size="-1" face="Arial, Helvetica, sans-serif">Copyrights ⓒ </font>
</center>
</td>
</tr>
</table>
-->
</center>
</body>
</html>
현재 상태입니다.table 로 이루어졌던 것들은 전부 div로 바꾸었구요.
맨 아래에 Copyrights 부분이 자동 길이 조절된 iframe 아래쪽에 위치해야합니다.그러나, mainFrame의 아랫 부분에 위치하는 것이 아니라,
페이지 전체의 아랫 부분에 위치하게 하도록 하려고 합니다.
현재까지 해본 것은, footer의 position을 relative, absolute로 해보기도 했으나 안되었구요.<div id=sticker style="top:expression(target.offsetTop)">도 사용해보았으나 잘 안되네요.아래 주석을 보시면 알겠지만 테이블로도 해봤는데 안되더군요;;;좋은 아이디어가 있으면 알려주세요.
