td 공백문제및 중앙에 페이지띄우기 > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

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

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

본문

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>

댓글 전체

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 상에서 맞지 않는 부분을 삭제하고 다듬어 봤습니다.
전체 66,554 |RSS
그누4 질문답변 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT