그림을 보시면 아시겠지만, 맨 윗쪽과 같이 테이블 구성을 하고, footer와 header를 작성하였습니다.
그런데 제로보드 페이지가 길어지거나 하면, 제가 의도한 것은 좌측 사이드메뉴의 테이블들 중 아랫쪽만 길어지는 것이었는데
-> 두 번째 그림과 같은...
실제로는 세 번째 그림처럼 좌측 테이블들 전체가 평균적으로 height값이 늘어나는 군요.
좌측 메뉴 마지막 칸의 height값을 넣지 않는 것으로 해결이 될 줄 알았는데... 그게 아니네요.
예전에 했던 때는 어떻게 어떻게 됐던 것 같은데, 가물가물한 기억을 살리려니 힘듭니다.ㅜㅜ 꼭 좀 도와주세요 ㅜㅜ
여기서부터 소스입니다... ;;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="../Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:link {
text-decoration: underline;
color: #0000CC;
}
a:visited {
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: underline;
}
-->
</style></head>
<body>
<table width="1010" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="200"><img src="../images/main_bar_topleft.gif" width="200" height="50" /></td>
<td width="300"><img src="../images/main_bar_topright.gif" width="300" height="50" /></td>
<td width="300"> </td>
<td width="45"><a href="../files/index.php"><img src="../images/main_button_1.gif" border=0 alt="" width="45" height="50" /></a></td>
<td width="70"><a href="../files/sitemap.html"><img src="../images/main_button_2.gif" border=0 alt="" width="70" height="50" /></td>
<td width="85"><a href="../files/contact.html"><img src="../images/main_button_3.gif" border=0 alt="" width="85" height="50" /></td>
<td width="10"> </tr>
<tr>
<td colspan="6"><img src="../images/mainimg_1.jpg" alt="" width="1000" height="240" /></td>
<td width="10" background="../images/bg_basic.gif"></td>
</tr>
<tr>
<td colspan="6"><script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','1000','height','50','src','../menu','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','../menu' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="1000" height="50">
<param name="movie" value="../menu.swf" />
<param name="quality" value="high" />
<embed src="../menu.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1000" height="50"></embed>
</object></noscript></td>
<td width="10" background="../images/bg_basic.gif"></td>
</tr>
<tr>
<td width="200" height="50"><img src="../images/menutop_1.gif" width="200" height="50" /></td>
<td colspan="5" rowspan="7" valign="top">
여기까지 header // 여기는 제로 보드 // 여기서부터 footer
</td>
<td width="10" rowspan="7" background="../images/bg_basic.gif"></td>
</tr>
<tr>
<td height="30"><a href="../files/company.html"><img src="../images/menubtn_1_1.gif" border="0" width="200" height="30" /></a></td>
</tr>
<tr>
<td height="30"><a href="../files/company_ceo.html"><img src="../images/menubtn_1_2.gif" border="0" width="200" height="30" /></td>
</tr>
<tr>
<td height="30"><a href="../bbs/zboard.php?id=history_company"><img src="../images/menubtn_1_3.gif" border="0" width="200" height="30" /></td>
</tr>
<tr>
<td height="30"><a href="../bbs/zboard.php?id=award_list"><img src="../images/menubtn_1_4.gif" border="0" width="200" height="30" /></td>
</tr>
<tr>
<td height="30"><img src="../images/menubtn_n_5.gif" border="0" width="200" height="30" /></td>
</tr>
<tr>
<td valign="top" bgcolor="#C3C2A8"><img src="../images/menubottom.gif" width="200" height="400" /></td>
</tr>
<tr>
<td height="20" colspan="6"><img src="../images/copyright.gif" width="1000" height="20" /></td>
<td width="10" background="../images/bg_basic.gif"></td>
</tr>
</table>
</body>
</html>
