테이블이 자꾸 깨집니다. 분할이 잘 안되네요. 정보
테이블이 자꾸 깨집니다. 분할이 잘 안되네요.
본문
보시는 그림처럼 할려구하는데
index.php에 보드가 바로 보이겠끔 할려구 하는데 잘 안됩니다.
3시간째 헤메고 있어요 ㅜㅜ
아래처럼 나눴는데 테이블이 자꾸 깨지네요.
도와주세요~
----------head.php-----------------------------------------------------------------------------
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
include_once("$g4[path]/head.sub.php");
include_once("$g4[path]/lib/outlogin.lib.php");
include_once("$g4[path]/lib/poll.lib.php");
include_once("$g4[path]/lib/visit.lib.php");
include_once("$g4[path]/lib/connect.lib.php");
include_once("$g4[path]/lib/popular.lib.php");
include_once("$g4[path]/lib/outlogin.lib.php");
include_once("$g4[path]/lib/poll.lib.php");
include_once("$g4[path]/lib/visit.lib.php");
include_once("$g4[path]/lib/connect.lib.php");
include_once("$g4[path]/lib/popular.lib.php");
?>
<!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=euc-kr" />
<title>무제 문서</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
}
.style1 {font-size: 10px}
-->
</style></head>
<body>
<table width="784" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2" align="left" valign="top"><img src="img/top_bar.jpg" width="784" height="36" /></td>
</tr>
<tr>
<td width="145" align="center" valign="top"><table width="145" border="0" cellpadding="00">
</table>
<table width="145" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td><p><img src="img/5sell.gif" width="145" height="5" /></p></td>
</tr>
<tr>
<td><img src="img/logon_box-copy.jpg" alt="logon" width="145" height="139" /></td>
</tr>
<tr>
<td><img src="img/5sell.gif" width="145" height="5" /></td>
</tr>
<tr>
<td><img src="img/m_title.gif" alt="menu image" width="145" height="57" /></td>
</tr>
<tr>
<td align="left" valign="bottom" background="img/m_b1.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="100%" height="20" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="7%" height="19"></td>
<td valign="bottom"><span class="style1">▶</span> <a href="<?=$g4[path]?>/bbs/board.php?bo_table=freeboard">자유게시판</a></td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="img/menu_linebar.gif" alt="menu image" width="145" height="1" /></td>
</tr>
</table></td>
</tr>
<tr>
<td align="left" valign="bottom" background="img/m_b1.gif"><table width="100%" height="20" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="7%"></td>
<td valign="bottom"><span class="style1">▶</span><a href="http://#"> 창작동요 자료실</a> </td>
</tr>
</table></td>
</tr>
<tr>
<td align="left" valign="bottom" background="img/m_b1.gif"><img src="img/menu_linebar.gif" alt="menu image" width="145" height="1" /></td>
</tr>
<tr>
<td align="left" valign="bottom" background="img/m_b1.gif"><table width="100%" height="20" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="7%"></td>
<td height="10" valign="bottom"><span class="style1">▶</span><a href="http://#"> 기타 자료실</a></td>
</tr>
</table></td>
</tr>
<tr>
<td valign="bottom" background="img/m_b1.gif"><img src="img/menu_linebar.gif" alt="menu image" width="145" height="1" /></td>
</tr>
<tr>
<td valign="bottom" background="img/m_b1.gif"><table width="100%" height="20" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="7%"></td>
<td></td>
</tr>
</table></td>
</tr>
<tr>
<td align="left" valign="bottom" background="img/m_b1.gif"><table width="100%" height="20" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="7%"></td>
<td height="10" valign="bottom"> </td>
</tr>
</table></td>
</tr>
<tr>
<td valign="bottom" background="img/m_b1.gif"><img src="img/menu_linebar.gif" alt="menu image" width="145" height="1" /></td>
</tr>
<tr>
<td valign="bottom" background="img/m_b1.gif"><table width="100%" height="20" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="7%"></td>
<td></td>
</tr>
</table></td>
</tr>
<tr>
<td valign="bottom" background="img/m_b1.gif"><img src="img/menu_linebar.gif" alt="menu image" width="145" height="1" /></td>
</tr>
<tr>
<td valign="bottom" background="img/m_b1.gif"></td>
</tr>
<tr>
<td valign="bottom" background="img/m_b1.gif"></td>
</tr>
<tr>
<td><img src="img/m_text.gif" alt="menu image" width="145" height="36" /></td>
</tr>
<tr>
<td height="13" background="img/m_b2.gif"></td>
</tr>
<tr>
<td height="20" background="img/m_b2.gif"><div align="center">PLEO.CO.KR</div></td>
</tr>
<tr>
<td><img src="img/m_b2line.gif" alt="menu image" width="145" height="2" /></td>
</tr>
<tr>
<td height="30" background="img/m_b2.gif"><div align="center"><a href="*** 개인정보보호를 위한 이메일주소 노출방지 ***
mailto:*** 개인정보보호를 위한 이메일주소 노출방지 ***">*** 개인정보보호를 위한 이메일주소 노출방지 ***</a></div></td><table width="784" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2" align="left" valign="top"><img src="img/top_bar.jpg" width="784" height="36" /></td>
</tr>
<tr>
<td width="145" align="center" valign="top"><table width="145" border="0" cellpadding="00">
</table>
<table width="145" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td><p><img src="img/5sell.gif" width="145" height="5" /></p></td>
</tr>
<tr>
<td><img src="img/logon_box-copy.jpg" alt="logon" width="145" height="139" /></td>
</tr>
<tr>
<td><img src="img/5sell.gif" width="145" height="5" /></td>
</tr>
<tr>
<td><img src="img/m_title.gif" alt="menu image" width="145" height="57" /></td>
</tr>
<tr>
<td align="left" valign="bottom" background="img/m_b1.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="100%" height="20" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="7%" height="19"></td>
<td valign="bottom"><span class="style1">▶</span> <a href="<?=$g4[path]?>/bbs/board.php?bo_table=freeboard">자유게시판</a></td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="img/menu_linebar.gif" alt="menu image" width="145" height="1" /></td>
</tr>
</table></td>
</tr>
<tr>
<td align="left" valign="bottom" background="img/m_b1.gif"><table width="100%" height="20" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="7%"></td>
<td valign="bottom"><span class="style1">▶</span><a href="http://#"> 창작동요 자료실</a> </td>
</tr>
</table></td>
</tr>
<tr>
<td align="left" valign="bottom" background="img/m_b1.gif"><img src="img/menu_linebar.gif" alt="menu image" width="145" height="1" /></td>
</tr>
<tr>
<td align="left" valign="bottom" background="img/m_b1.gif"><table width="100%" height="20" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="7%"></td>
<td height="10" valign="bottom"><span class="style1">▶</span><a href="http://#"> 기타 자료실</a></td>
</tr>
</table></td>
</tr>
<tr>
<td valign="bottom" background="img/m_b1.gif"><img src="img/menu_linebar.gif" alt="menu image" width="145" height="1" /></td>
</tr>
<tr>
<td valign="bottom" background="img/m_b1.gif"><table width="100%" height="20" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="7%"></td>
<td></td>
</tr>
</table></td>
</tr>
<tr>
<td align="left" valign="bottom" background="img/m_b1.gif"><table width="100%" height="20" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="7%"></td>
<td height="10" valign="bottom"> </td>
</tr>
</table></td>
</tr>
<tr>
<td valign="bottom" background="img/m_b1.gif"><img src="img/menu_linebar.gif" alt="menu image" width="145" height="1" /></td>
</tr>
<tr>
<td valign="bottom" background="img/m_b1.gif"><table width="100%" height="20" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="7%"></td>
<td></td>
</tr>
</table></td>
</tr>
<tr>
<td valign="bottom" background="img/m_b1.gif"><img src="img/menu_linebar.gif" alt="menu image" width="145" height="1" /></td>
</tr>
<tr>
<td valign="bottom" background="img/m_b1.gif"></td>
</tr>
<tr>
<td valign="bottom" background="img/m_b1.gif"></td>
</tr>
<tr>
<td><img src="img/m_text.gif" alt="menu image" width="145" height="36" /></td>
</tr>
<tr>
<td height="13" background="img/m_b2.gif"></td>
</tr>
<tr>
<td height="20" background="img/m_b2.gif"><div align="center">PLEO.CO.KR</div></td>
</tr>
<tr>
<td><img src="img/m_b2line.gif" alt="menu image" width="145" height="2" /></td>
</tr>
<tr>
<td height="30" background="img/m_b2.gif"><div align="center"><a href="*** 개인정보보호를 위한 이메일주소 노출방지 ***
</tr>
<tr>
<td><img src="img/m_blast.gif" alt="menu image" width="145" height="2" />
</td>
</tr>
</table>
</td>
----------index.php-----------------------------------------------------------------------------
<?
include_once("./_common.php");
include_once("$g4[path]/lib/latest.lib.php");
include_once("./_common.php");
include_once("$g4[path]/lib/latest.lib.php");
$g4['title'] = "";
include_once("./_head.php");
?>
include_once("./_head.php");
?>
<!-- 메인화면 최신글 시작 -->
<td width="639" align="left" valign="top" bgcolor="#33CCFF">
<?
// 최신글
$sql = " select bo_table, bo_subject from $g4[board_table] order by gr_id, bo_table ";
$result = sql_query($sql);
for ($i=0; $row=sql_fetch_array($result); $i++) {
// 이 함수가 바로 최신글을 추출하는 역할을 합니다.
// 스킨은 입력하지 않을 경우 관리자 > 환경설정의 최신글 스킨경로를 기본 스킨으로 합니다.
<td width="639" align="left" valign="top" bgcolor="#33CCFF">
<?
// 최신글
$sql = " select bo_table, bo_subject from $g4[board_table] order by gr_id, bo_table ";
$result = sql_query($sql);
for ($i=0; $row=sql_fetch_array($result); $i++) {
// 이 함수가 바로 최신글을 추출하는 역할을 합니다.
// 스킨은 입력하지 않을 경우 관리자 > 환경설정의 최신글 스킨경로를 기본 스킨으로 합니다.
// 사용방법
// latest(스킨, 게시판아이디, 출력라인, 글자수);
echo latest("scroll", $row['bo_table'], 12, 70, "4,25");
echo "<p>\n";
}
// latest(스킨, 게시판아이디, 출력라인, 글자수);
echo latest("scroll", $row['bo_table'], 12, 70, "4,25");
echo "<p>\n";
}
include_once("./_tail.php");
?>
?>
----------tail.php-----------------------------------------------------------------------------
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
// 사용자 화면 우측과 하단을 담당하는 페이지입니다.
// 우측, 하단 화면을 꾸미려면 이 파일을 수정합니다.
?>
// 우측, 하단 화면을 꾸미려면 이 파일을 수정합니다.
?>
</td>
</tr>
</table>
<p>jkh</p>
</body>
</html>
</tr>
</table>
<p>jkh</p>
</body>
</html>
<?
include_once("$g4[path]/tail.sub.php");
?>
댓글 전체
border=1 을 넣어서 살펴보시면 테이블이 깨지는 부분을 좀더 쉽게찾을수 있어요...^^
게시판을 불러오면 자꾸 아래로 내려가거나 옆에 나오더라도 게시판이 작아저 버리네요. ㅡㅡ;
----------------------------------------------------------------------------------------------------
<!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=euc-kr" />
<title>무제 문서</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
}
.style1 {font-size: 10px}
-->
</style></head>
<body>
----------------------------------------------------------------------------------------------------
head.php의 <html>,<head>,<body>속성등은 head.sub.php에 동일하진 않지만 기본으로 존재합니다...
위속성들을 head.sub.php로 몰아 넣으시고...
tail.php의 </html></body>도 tail.sub.php와 중복되는 태그임으로 삭제하세요...
head.php를 <td>로 끝맺고 tail.php는 </td>로 시작..
결국 head.php의 <td>와 tail.php의 </td>사이에 들어어가게 되는
index.php든 임의생성 페이지는 헤드(head.php)와 테일(tail.php)이 적용되는 페이지라면 <table>로 시작 </table>로 맺으시는게 정석입니다
#참고.노프레임의 가장 기본적 구조 예시
http://www.sir.co.kr/bbs/board.php?bo_table=g4_qa&wr_id=13873
<!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=euc-kr" />
<title>무제 문서</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
}
.style1 {font-size: 10px}
-->
</style></head>
<body>
----------------------------------------------------------------------------------------------------
head.php의 <html>,<head>,<body>속성등은 head.sub.php에 동일하진 않지만 기본으로 존재합니다...
위속성들을 head.sub.php로 몰아 넣으시고...
tail.php의 </html></body>도 tail.sub.php와 중복되는 태그임으로 삭제하세요...
head.php를 <td>로 끝맺고 tail.php는 </td>로 시작..
결국 head.php의 <td>와 tail.php의 </td>사이에 들어어가게 되는
index.php든 임의생성 페이지는 헤드(head.php)와 테일(tail.php)이 적용되는 페이지라면 <table>로 시작 </table>로 맺으시는게 정석입니다
#참고.노프레임의 가장 기본적 구조 예시
http://www.sir.co.kr/bbs/board.php?bo_table=g4_qa&wr_id=13873
감사합니다. 이해는 잘 안가지만 노력해 볼께요. (__)