묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
테이블 상하폭이 늘어나요... ㅠ_ㅠ
2003.04.15 06:46
평소에는 아무 문제없던 테이블이 제로보드를 적용하면 상하 폭이 늘어나 버리네요.
거의 하루종일 계속 고민을 해보고, 검색을 해봤지만 달리 해결할 방법이 없어서 이렇게 글을 씁니다.
원래 만들었던 레이아웃(HTML)은 이거구요~
http://sirius.naool.com/test/test.html
이걸 헤더와 푸터로 잘라서 게시판에 적용한게 이겁니다.
http://sirius.naool.com/zboard/zboard.php?id=test2
게시판에 적용한건 서브메뉴와 스크롤메뉴를 없앤 상태입니다.
원래 테이블(각 td마다)에서 세로간격을 모두 지정해 주었지만, 게시판 적용 후 조금씩 늘어나서
전체적인 모양이 흐트러지게 되어버렸습니다. ㅠ_ㅠ
스킨을 몇가지 실험해봤지만, 모두 같은 증상이었구요~
스킨별 스타일시트를 뒤져봐도 테이블에 관계되는건 없는거 같더라구요~
군대가기전에 홈페이지 하나 만들고 가려고 하는데, 이게 말썽이네요...
도와주세요~ ^^
밑은 전체 테이블 소스입니다.
<body topmargin="0" leftmargin="0">
<table style="font-size:1pt;" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td height="5" colspan="12">
</td>
</tr>
<tr>
<td width="5" height="19">
</td>
<td width="170" height="19" background="../image/top_menu_bg_1.gif">
</td>
<td height="19" colspan="4" background="../image/top_menu_bg_2.gif">
</td>
<td width="402" height="19" align="right" colspan="5" background="../image/top_menu_bg_2.gif">
<img src="../image/top_menu_qna.gif" width="69" height="19" border="0"><img src="../image/top_menu_chat.gif" width="52" height="19" border="0"><img src="../image/top_menu_link.gif" width="47" height="19" border="0"><img src="../image/top_menu_site.gif" width="74" height="19" border="0"><img src="../image/top_menu_mail.gif" width="66" height="19" border="0">
</td>
<td width="6" height="19" background="../image/right_border_1.gif">
</td>
</tr>
<tr>
<td width="5" height="107">
<img src="../image/transparent_1.gif" width="5" height="107" border="0">
</td>
<td width="170" height="107">
<a href="sample.html"><img src="../image/main_menu_kkangpae.gif" width="170" height="107" border="0"></a>
</td>
<td width="24" height="107" background="../image/main_menu_bg_1.gif">
<img src="../image/transparent_1.gif" width="24" height="107" border="0">
</td>
<td width="100%" height="107" background="../image/main_menu_bg_2.gif">
</td>
<td width="98" height="107">
<img onmouseover="this.src='../image/main_menu_home_r.gif'" onmouseout="this.src='../image/main_menu_home.gif'" src="../image/main_menu_home.gif" width="98" height="107" border=0>
</td>
<td width="98" height="107">
<img onmouseover="this.src='../image/main_menu_about_r.gif'" onmouseout="this.src='../image/main_menu_about.gif'" src="../image/main_menu_about.gif" width="98" height="107" border=0>
</td>
<td width="98" height="107">
<img onmouseover="this.src='../image/main_menu_member_r.gif'" onmouseout="this.src='../image/main_menu_member.gif'" src="../image/main_menu_member.gif" width="98" height="107" border=0>
</td>
<td width="98" height="107">
<img onmouseover="this.src='../image/main_menu_photo_r.gif'" onmouseout="this.src='../image/main_menu_photo.gif'" src="../image/main_menu_photo.gif" width="98" height="107" border=0>
</td>
<td width="98" height="107">
<img onmouseover="this.src='../image/main_menu_board_r.gif'" onmouseout="this.src='../image/main_menu_board.gif'" src="../image/main_menu_board.gif" width="98" height="107" border=0>
</td>
<td width="98" height="107">
<img onmouseover="this.src='../image/main_menu_pds_r.gif'" onmouseout="this.src='../image/main_menu_pds.gif'" src="../image/main_menu_pds.gif" width="98" height="107" border=0>
</td>
<td width="10" height="107" background="../image/main_menu_bg_2.gif">
<img src="../image/transparent_1.gif" width="10" height="107" border="0">
</td>
<td width="6" height="107" background="../image/right_border_1.gif">
<img src="../image/transparent_1.gif" width="6" height="107" border="0">
</td>
</tr>
<tr>
<td width="5">
</td>
<td width="170" height="400" background="../image/sub_menu_bground_1.gif">
</td>
<td style="font-size:9pt;"colspan="9" bgcolor="white">
<!----- 게시판 삽입 부분 ----->
</td>
<td width="6" background="../image/right_border_1.gif">
</td>
</tr>
<tr>
<td width="5" height="23">
</td>
<td width="170" height="23">
<a href="javascript:history.back(-1)"><img src="../image/nav_menu_back.gif" width="23" height="23" border="0"></a><a href="#top"><img src="../image/nav_menu_top.gif" width="22" height="23" border="0"></a><a href="#bottom"><img src="../image/nav_menu_bottom.gif" width="22" height="23" border="0"></a><a href="javascript:history.go(1)"><img src="../image/nav_menu_forward.gif" width="22" height="23" border="0"></a><a href="#" onclick="location.reload();"><img src="../image/nav_menu_reload.gif" width="22" height="23" border="0"></a><a href="javascript:window.close();"><img src="../image/nav_menu_exit.gif" width="59" height="23" border="0"></a>
</td>
<td height="23" colspan="4" background="../image/nav_menu_bg_1.gif">
</td>
<td width="402" height="23" colspan="5" background="../image/nav_menu_bg_2.gif">
</td>
<td width="6" height="23" background="../image/right_border_1.gif">
</td>
</tr>
<tr>
<td width="5" height="16">
</td>
<td width="170" height="16" background="../image/copyright_bg_1.gif">
</td>
<td height="16" colspan="4" background="../image/copyright_bg_2.gif">
</td>
<td width="402" height="16" colspan="5" background="../image/copyright_bg_3.gif">
</td>
<td width="6" height="16" background="../image/right_border_2.gif">
</td>
</tr>
<tr>
<td height="5" colspan="12">
<a name="bottom"> </a>
</td>
</tr>
</table>
</body>
거의 하루종일 계속 고민을 해보고, 검색을 해봤지만 달리 해결할 방법이 없어서 이렇게 글을 씁니다.
원래 만들었던 레이아웃(HTML)은 이거구요~
http://sirius.naool.com/test/test.html
이걸 헤더와 푸터로 잘라서 게시판에 적용한게 이겁니다.
http://sirius.naool.com/zboard/zboard.php?id=test2
게시판에 적용한건 서브메뉴와 스크롤메뉴를 없앤 상태입니다.
원래 테이블(각 td마다)에서 세로간격을 모두 지정해 주었지만, 게시판 적용 후 조금씩 늘어나서
전체적인 모양이 흐트러지게 되어버렸습니다. ㅠ_ㅠ
스킨을 몇가지 실험해봤지만, 모두 같은 증상이었구요~
스킨별 스타일시트를 뒤져봐도 테이블에 관계되는건 없는거 같더라구요~
군대가기전에 홈페이지 하나 만들고 가려고 하는데, 이게 말썽이네요...
도와주세요~ ^^
밑은 전체 테이블 소스입니다.
<body topmargin="0" leftmargin="0">
<table style="font-size:1pt;" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td height="5" colspan="12">
</td>
</tr>
<tr>
<td width="5" height="19">
</td>
<td width="170" height="19" background="../image/top_menu_bg_1.gif">
</td>
<td height="19" colspan="4" background="../image/top_menu_bg_2.gif">
</td>
<td width="402" height="19" align="right" colspan="5" background="../image/top_menu_bg_2.gif">
<img src="../image/top_menu_qna.gif" width="69" height="19" border="0"><img src="../image/top_menu_chat.gif" width="52" height="19" border="0"><img src="../image/top_menu_link.gif" width="47" height="19" border="0"><img src="../image/top_menu_site.gif" width="74" height="19" border="0"><img src="../image/top_menu_mail.gif" width="66" height="19" border="0">
</td>
<td width="6" height="19" background="../image/right_border_1.gif">
</td>
</tr>
<tr>
<td width="5" height="107">
<img src="../image/transparent_1.gif" width="5" height="107" border="0">
</td>
<td width="170" height="107">
<a href="sample.html"><img src="../image/main_menu_kkangpae.gif" width="170" height="107" border="0"></a>
</td>
<td width="24" height="107" background="../image/main_menu_bg_1.gif">
<img src="../image/transparent_1.gif" width="24" height="107" border="0">
</td>
<td width="100%" height="107" background="../image/main_menu_bg_2.gif">
</td>
<td width="98" height="107">
<img onmouseover="this.src='../image/main_menu_home_r.gif'" onmouseout="this.src='../image/main_menu_home.gif'" src="../image/main_menu_home.gif" width="98" height="107" border=0>
</td>
<td width="98" height="107">
<img onmouseover="this.src='../image/main_menu_about_r.gif'" onmouseout="this.src='../image/main_menu_about.gif'" src="../image/main_menu_about.gif" width="98" height="107" border=0>
</td>
<td width="98" height="107">
<img onmouseover="this.src='../image/main_menu_member_r.gif'" onmouseout="this.src='../image/main_menu_member.gif'" src="../image/main_menu_member.gif" width="98" height="107" border=0>
</td>
<td width="98" height="107">
<img onmouseover="this.src='../image/main_menu_photo_r.gif'" onmouseout="this.src='../image/main_menu_photo.gif'" src="../image/main_menu_photo.gif" width="98" height="107" border=0>
</td>
<td width="98" height="107">
<img onmouseover="this.src='../image/main_menu_board_r.gif'" onmouseout="this.src='../image/main_menu_board.gif'" src="../image/main_menu_board.gif" width="98" height="107" border=0>
</td>
<td width="98" height="107">
<img onmouseover="this.src='../image/main_menu_pds_r.gif'" onmouseout="this.src='../image/main_menu_pds.gif'" src="../image/main_menu_pds.gif" width="98" height="107" border=0>
</td>
<td width="10" height="107" background="../image/main_menu_bg_2.gif">
<img src="../image/transparent_1.gif" width="10" height="107" border="0">
</td>
<td width="6" height="107" background="../image/right_border_1.gif">
<img src="../image/transparent_1.gif" width="6" height="107" border="0">
</td>
</tr>
<tr>
<td width="5">
</td>
<td width="170" height="400" background="../image/sub_menu_bground_1.gif">
</td>
<td style="font-size:9pt;"colspan="9" bgcolor="white">
<!----- 게시판 삽입 부분 ----->
</td>
<td width="6" background="../image/right_border_1.gif">
</td>
</tr>
<tr>
<td width="5" height="23">
</td>
<td width="170" height="23">
<a href="javascript:history.back(-1)"><img src="../image/nav_menu_back.gif" width="23" height="23" border="0"></a><a href="#top"><img src="../image/nav_menu_top.gif" width="22" height="23" border="0"></a><a href="#bottom"><img src="../image/nav_menu_bottom.gif" width="22" height="23" border="0"></a><a href="javascript:history.go(1)"><img src="../image/nav_menu_forward.gif" width="22" height="23" border="0"></a><a href="#" onclick="location.reload();"><img src="../image/nav_menu_reload.gif" width="22" height="23" border="0"></a><a href="javascript:window.close();"><img src="../image/nav_menu_exit.gif" width="59" height="23" border="0"></a>
</td>
<td height="23" colspan="4" background="../image/nav_menu_bg_1.gif">
</td>
<td width="402" height="23" colspan="5" background="../image/nav_menu_bg_2.gif">
</td>
<td width="6" height="23" background="../image/right_border_1.gif">
</td>
</tr>
<tr>
<td width="5" height="16">
</td>
<td width="170" height="16" background="../image/copyright_bg_1.gif">
</td>
<td height="16" colspan="4" background="../image/copyright_bg_2.gif">
</td>
<td width="402" height="16" colspan="5" background="../image/copyright_bg_3.gif">
</td>
<td width="6" height="16" background="../image/right_border_2.gif">
</td>
</tr>
<tr>
<td height="5" colspan="12">
<a name="bottom"> </a>
</td>
</tr>
</table>
</body>
댓글 3
-
REAL
2003.04.15 07:19
-
SiRiUS
2003.04.15 07:29
답변 감사합니다~ 근데 해결이 안되네요 ^^a
REAL님 좋은하루 보네세요~ -
최재윤
2003.04.15 16:54
게시판 스타일 시트 때문일겁니다.
게시판에 해더와 풋 파일로 게시판에 적용하면
게시판 스타일 시트 가 적용되거든요
align="center" valign="top"