테스트 사이트 - 개발 중인 베타 버전입니다

td 공백문제및 중앙에 페이지띄우기

· 14년 전 · 1856 · 5
http://dk2kr.mireene.com/

참고주소입니다.
메인페이지를보시면 로그인부분과 공지사항부분이 좌측으로 붙어버려요.
계속해서 사이즈체크해도 td부분체크해도 붙네요..
또한 지금 메인이미지가 매우 큽니다.
모니터가 작은 컴퓨터로 실행했을시
중앙으로 띄어지게하는방법좀 가르쳐주세요
예)) http://www.t1dk.com/

----------소스입니다.-----------
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>
<table width="100%" border="0" cellpadding="0" cellspacing="0" background="/img/background.jpg">
<tr>
<!-- 좌측 시작-->
<td width="<?=$config[cf_home_left]?>" valign="top">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td><?=outlogin("$config[cf_skin_outlogin]","");?></td></tr>
<tr><td height="<?=$config[cf_home_margin]?>"></td></tr>
<tr><td></td></tr>V
<tr><td height="<?=$config[cf_home_margin]?>"></td></tr>

</table>
</td>
<!-- 좌측 끝 -->
<!-- 중앙 시작 -->
<td valign="top" align="center">
<table width="454" height="455" border="0" cellpadding="0" cellspacing="0" background="/img/bg_colors.png">
<tr><td height="10"></td>
<tr><td align=center><img src='/img/main/event2.jpg'></td></tr>
<tr><td height="30"></td>
<tr><td align=center><img src='/img/main/mian-button01_1.png'></td></tr>
<tr><td align=center><?=latest("basic", '01_1', 6)?></td></tr>
<tr><td height="<?=$config[cf_home_margin]?>"></br></br></br></br></br></br></td>
</table>
</td>
<!-- 중앙 끝 -->
<!-- 우측 시작 -->
<td valign="top">
<table cellSpacing=0 cellPadding=0 width="265" height="378" background='/img/dragon-top_right.png'>
<tr>
<td align=center>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0 align=center>
<tr><td align=center><?
include_once("./skin/main/main_middle/basic/main_middle.skin_right.php");
?>
</table>
</td>
</tr>
</table>
</td>
<!-- 우측 끝 -->
</tr>
<tr><td height="<?=$config[cf_home_margin]?>" colspan="5"></td></tr>
<tr>
<!-- 좌측 시작-->
<td valign="top">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
</td>
</tr>
</table>
</td>
<!-- 좌측 끝 -->
<td></td>
<!-- 중앙 시작-->
<td></td>
<!-- 중앙 끝 -->
<td></td>
<!-- 우측 시작-->
<td valign="top">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td></td></tr> </table>
</td>
</tr>
</table>
</td>
<!-- 우측 끝 -->
</tr>
<tr>
<td>
<tr><td colspan="0"></td></tr>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- 홈페이지 끝 -->
<!--화면 중앙 고정 끝 -->
</td></tr>
</table>
</div>
<script language="JavaScript">
// 탈퇴의 경우 아래 코드를 연동하시면 됩니다.
function member_leave()
{
if (confirm("정말 회원에서 탈퇴 하시겠습니까?"))
location.href = "<?=$g4['bbs_path']?>/member_confirm.php?url=member_leave.php";
}
</script>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 5개

table 이 너무 많은것 같습니다.
div 와 table 을 적절히 조화해 사용하면 좀더 관리가 편할것 같습니다.
그리고 정확한 원인은 모르겠으나
현재 table 코딩상으론 </tr> 로 닫아주는것 </td>로 닫아주는것 등 빠진게 있습니다.

일단 <div></div> 로 해서 큰 묶음으로 묶고서
다시 table을 사용해서 틀을 구성하는것이 괜찮겠다는 생각이 듭니다.
안녕하세요 ㅎㅎ
우선 답변 감사드립니다.
"table 이 너무 많은것 같습니다.
div 와 table 을 적절히 조화해 사용하면 좀더 관리가 편할것 같습니다.
그리고 정확한 원인은 모르겠으나
현재 table 코딩상으론 </tr> 로 닫아주는것 </td>로 닫아주는것 등 빠진게 있습니다.

일단 <div></div> 로 해서 큰 묶음으로 묶고서
다시 table을 사용해서 틀을 구성하는것이 괜찮겠다는 생각이 듭니다. "

이렇게 답변을 해주셧는데.. 제가 "초보"라서 이해가 잘안됩니다..
도와주시면 감사하겠습니다..
<table width="100%" border="0" cellpadding="0" cellspacing="0" background="/img/background.jpg">
<tr>
<!-- 좌측 시작-->
<td width="<?=$config[cf_home_left]?>" valign="top">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td><?=outlogin("$config[cf_skin_outlogin]","");?></td></tr>
<tr><td height="<?=$config[cf_home_margin]?>"></td></tr>
<tr><td></td></tr>V
<tr><td height="<?=$config[cf_home_margin]?>"></td></tr>
</table>
</td>
<!-- 좌측 끝 -->
<!-- 중앙 시작 -->
<td valign="top" align="center">
<table width="454" height="455" border="0" cellpadding="0" cellspacing="0" background="/img/bg_colors.png">
<tr><td height="10"></td>
<tr><td align=center><img src='/img/main/event2.jpg'></td></tr>
<tr><td height="30"></td>
<tr><td align=center><img src='/img/main/mian-button01_1.png'></td></tr>
<tr><td align=center><?=latest("basic", '01_1', 6)?></td></tr>
<tr><td height="<?=$config[cf_home_margin]?>"></br></br></br></br></br></br></td>
</table>
</td>
<!-- 중앙 끝 -->
<!-- 우측 시작 -->
<td valign="top">
<table cellSpacing=0 cellPadding=0 width="265" height="378" background='/img/dragon-top_right.png'>
<tr>
<td align=center>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0 align=center>
<tr><td align=center><? include_once("./skin/main/main_middle/basic/main_middle.skin_right.php"); ?>
</table>
</td>
</tr>
</table>
</td>
<!-- 우측 끝 -->
</tr>
<tr><td height="<?=$config[cf_home_margin]?>" colspan="5"></td></tr>
<tr>
<!-- 좌측 시작-->
<td valign="top">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
</td>
</tr>
</table>
</td>
<!-- 좌측 끝 -->
<td></td>
<!-- 중앙 시작-->
<td></td>
<!-- 중앙 끝 -->
<td></td>
<!-- 우측 시작-->
<td valign="top">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td></td></tr></table>
</td>
</tr>
</table>
</td>
<!-- 우측 끝 -->
</tr>
<tr>
<td>
<tr><td colspan="0"></td></tr>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- 홈페이지 끝 -->
<!--화면 중앙 고정 끝 -->
</td></tr>
</table>
</div>
지금 올려놓은 소스의 들여쓰기만 해봐도 어디서 막아주고 열어줘야 할지 표가 납니다.
밑으로 내려 갈수록 열고 막고가 안맞습니다.
익스플로러 상에서는 그래도 대충 맞춰 화면이 표시 되겠지만
크롬이나 파이어폭스 같은 브라우즈에서는 화면이 더 깨질수 있을것 같습니다.
<table width="100%" border="0" cellpadding="0" cellspacing="0" background="/img/background.jpg">
<tr>
<!-- 좌측 시작-->
<td width="<?=$config[cf_home_left]?>" valign="top">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td><?=outlogin("$config[cf_skin_outlogin]","");?></td></tr>
<tr><td height="<?=$config[cf_home_margin]?>"></td></tr>
<tr><td></td></tr>
<tr><td height="<?=$config[cf_home_margin]?>"></td></tr>
</table>
</td>
<!-- 좌측 끝 -->
<!-- 중앙 시작 -->
<td valign="top" align="center">
<table width="454" height="455" border="0" cellpadding="0" cellspacing="0" background="/img/bg_colors.png">
<tr><td height="10"></td></tr>
<tr><td align=center><img src='/img/main/event2.jpg'></td></tr>
<tr><td height="30"></td></tr>
<tr><td align=center><img src='/img/main/mian-button01_1.png'></td></tr>
<tr><td align=center><?=latest("basic", '01_1', 6)?></td></tr>
<tr><td height="<?=$config[cf_home_margin]?>"></td></tr>
</table>
</td>
<!-- 중앙 끝 -->
<!-- 우측 시작 -->
<td valign="top">
<table cellSpacing=0 cellPadding=0 width="265" height="378" background='/img/dragon-top_right.png'>
<tr>
<td align=center>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0 align=center>
<tr><td align=center><? include_once("./skin/main/main_middle/basic/main_middle.skin_right.php"); ?></tr>
</table>
</td>
</tr>
</table>
</td>
<!-- 우측 끝 -->
</tr>
<tr><td height="<?=$config[cf_home_margin]?>" colspan="3"></td></tr>
<tr>
<!-- 좌측 시작-->
<td valign="top">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
</td>
<!-- 좌측 끝 -->
<td></td>
<!-- 우측 시작-->
<td valign="top">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td></td></tr></table>
</td>
</tr>
</table>
</td>
<!-- 우측 끝 -->
</tr>
</table>

현 table 상에서 맞지 않는 부분을 삭제하고 다듬어 봤습니다.

게시글 목록

번호 제목
284508
284499
284492
284490
284484
284481
284478
284476
284474
284472
284470
284458
284457
284454
284453
284447
284446
284444
284441
284440