게시판 디자인?적용에 대해서 질문드립니다. 정보
게시판 디자인?적용에 대해서 질문드립니다.본문
제가 게시판 하나에 html로 간단하게 짠 코드들을 head.php 로 나눠서 tail.php 지정했더니,
첨부한 사진의 상단과 같이 게시판 목록으로일때 게시판이 늘어나면서 footer가 옆으로 빠져버립니다.
희안하게 게시글을 읽으면 사진의 하단같이 제대로 보이는데요.
혹시나해서 head.php만 지정했을땐 또 게시판이 안늘어나더라구요!
그럼 tail.php쪽이 문제가 있어 보이는데 어떻게 해봐도 잘모르겠어서 이렇게 질문드립니다ㅠㅠ
아래에 사용한 html과 css 코드입니다.
+ 게시판 주소입니다
http://thethemeis.cafe24.com/bbs/bbs/board.php?bo_table=test
그리고 파폭/크롬에선 출력자체는 문제가 없는데
익스에서는 제대로된 출력자체도 잘 안되는데 왜그런지 알수있을까요ㅠㅠ?
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="../../test.css" />
</head>
<body>
<div class="line"></div>
<div id="wrap">
<header></header>
<nav></nav>
<div class="content">게시판자리</div>
<footer></footer>
</div>
</body>
</html>
css
* { margin:0; padding:0; }
#warp, header, nav, footer { display:block; }
.line { display:block; width:100%; height:15px; background:red; }
#wrap { width:1000px; margin:0 auto; }
header { width:200px; height:300px; float:left; background:orange; }
nav { width:800px; height:100px; float:left; background:yellow; }
.content { display:block; width:800px; float:left; background:green;}
footer { width:1000px; height:100px; float:left; background:blue;}
댓글 전체
소스보기를 해보시면 head.sub.php 파일과 tail.sub.php파일을 불러와져서 html,body가 2번 불러와져 있구요.
게시판에서 하단의 버튼 링크 윗 부분
<tr><td colspan='3' height=15></td></tr>
<tr><td colspan=3 bgcolor=#DEE3E7 height=1>
</table>
</form>
<!-- 버튼 링크 -->
테이블이 제대로 안 닫힌 상태이구요,
<!-- 검색
<table cellSpacing=1 cellPadding="10" width="100%" bgColor=#dfe4e9 border=0 height="21">
<tr>
<td align=middle bgColor=#f6f9fb>
<form name="fsearch" method="get">
<input type="hidden" name="bo_table" value="test">
<input type="hidden" name="sca" value="">
<select name="sfl" class="sel">
<option value="wr_subject">제목</option>
<option value="wr_content">내용</option>
<option value="wr_subject||wr_content">제목+내용</option>
<option value="mb_id,1">아이디</option>
<option value="mb_id,0">아이디(코)</option>
<option value="wr_name,1">글쓴이</option>
<option value="wr_name,0">글쓴이(코)</option>
</select>
<input name="stx" class="stx" maxlength="28" itemname="검색어" required value=''>
<input type="image" src="../skin/board/nine_gallery_utf8/img/btn_search.gif" border='0' align="absmiddle">
<input type="radio" name="sop" value="and">AND
<input type="radio" name="sop" value="or">OR
</form>
</td>
</tr>
</table>
</td>
</tr>
</table>
-->
검색폼 주석처리를 하면서
</td>
</tr>
</table>까지 주석 처리가 되어서 게시판 전체를 감싸는 테이블이 깨져있네요.
주석 처리만 바로 하셔도 일단은 깨지진 않을듯..
게시판에서 하단의 버튼 링크 윗 부분
<tr><td colspan='3' height=15></td></tr>
<tr><td colspan=3 bgcolor=#DEE3E7 height=1>
</table>
</form>
<!-- 버튼 링크 -->
테이블이 제대로 안 닫힌 상태이구요,
<!-- 검색
<table cellSpacing=1 cellPadding="10" width="100%" bgColor=#dfe4e9 border=0 height="21">
<tr>
<td align=middle bgColor=#f6f9fb>
<form name="fsearch" method="get">
<input type="hidden" name="bo_table" value="test">
<input type="hidden" name="sca" value="">
<select name="sfl" class="sel">
<option value="wr_subject">제목</option>
<option value="wr_content">내용</option>
<option value="wr_subject||wr_content">제목+내용</option>
<option value="mb_id,1">아이디</option>
<option value="mb_id,0">아이디(코)</option>
<option value="wr_name,1">글쓴이</option>
<option value="wr_name,0">글쓴이(코)</option>
</select>
<input name="stx" class="stx" maxlength="28" itemname="검색어" required value=''>
<input type="image" src="../skin/board/nine_gallery_utf8/img/btn_search.gif" border='0' align="absmiddle">
<input type="radio" name="sop" value="and">AND
<input type="radio" name="sop" value="or">OR
</form>
</td>
</tr>
</table>
</td>
</tr>
</table>
-->
검색폼 주석처리를 하면서
</td>
</tr>
</table>까지 주석 처리가 되어서 게시판 전체를 감싸는 테이블이 깨져있네요.
주석 처리만 바로 하셔도 일단은 깨지진 않을듯..
아하! 제가 게시판수정하다 잘못했군요! 감사합니다!