index.html 적용시와 게시판 적용시 결과물이 달라지네요 ㅠ

index.html 적용시와 게시판 적용시 결과물이 달라지네요 ㅠ_ㅠ > 그누4 질문답변

그누4 질문답변

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

index.html 적용시와 게시판 적용시 결과물이 달라지네요 ㅠ_ㅠ 정보

index.html 적용시와 게시판 적용시 결과물이 달라지네요 ㅠ_ㅠ

본문

http://kimkiju.godohosting.com/index.html

위 링크 페이지 처럼 하단 메뉴 고정된 게시판을 만들고 싶은데 헤드와 풋으로 나누고 적용하면 아래 링크 처럼 되네요.

왕 초보에게 도움 부탁 드립니다 ㅠ_ㅠ

http://kimkiju.godohosting.com/board/bbs/board.php?bo_table=1

------------------------ index.html-----------------------------------------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<title>test</title>
<style type="text/css">
html,
body {
height: 100%;
margin: 0;
padding: 0;
}
#head {
height: 0px;
position: relative;
}
#body {
min-height: 100%;
margin: -100px 0 -50px;
}
* html #body {
height: 100%;
}
#content-area {
padding: 100px 0 50px;
}
#foot {
height: 160px;
width: 100%;
vertical-align: bottom;
bottom: 0;
position: fixed;
z-index: 1;
}

</style>
</head>

<body>

<div id="head">
<p align="center">
<a href="http://kimkiju.godohosting.com/board/bbs/board.php?bo_table=1" target=_blank>1</a>
<a href="http://kimkiju.godohosting.com/board/bbs/board.php?bo_table=2" target=_blank>2</a>
<a href="http://kimkiju.godohosting.com/board/bbs/board.php?bo_table=3" target=_blank>3</a>
<a href="http://kimkiju.godohosting.com/board/bbs/board.php?bo_table=4" target=_blank>4</a>
<a href="http://kimkiju.godohosting.com/board/bbs/board.php?bo_table=5" target=_blank>5</a>
<a href="http://kimkiju.godohosting.com/board/bbs/board.php?bo_table=6" target=_blank>6</a>
<a href="http://kimkiju.godohosting.com/board/bbs/board.php?bo_table=7" target=_blank>7</a>
<a href="http://kimkiju.godohosting.com/board/bbs/board.php?bo_table=8" target=_blank>8</a>
<a href="http://kimkiju.godohosting.com/board/bbs/board.php?bo_table=9" target=_blank>9</a>
<a href="http://kimkiju.godohosting.com/board/bbs/board.php?bo_table=10" target=_blank>10</a>
<a href="http://kimkiju.godohosting.com/board/bbs/board.php?bo_table=11" target=_blank>11</a>
<a href="http://kimkiju.godohosting.com/board/bbs/board.php?bo_table=12" target=_blank>12</a>
</p>
</div>

<div id="body">
<div id="content-area">
<p align="center">
<img border="0" src="top.jpg" width="1029" height="626"></td>
</p>
</div>
</div>

<div id="foot">
<p align="center">
<img border="0" src="foot.jpg" width="1029" height="144">
</p>
</div>

</body>
</html>

-----------------------------끝--------------------------------------------------------

--------------------------head.html----------------------------------------------------
<style type="text/css">
html,
body {
height: 100%;
margin: 0;
padding: 0;
}
#head {
height: 0px;
position: relative;
z-index: 1;
}
#body {
min-height: 100%;
margin: -100px 0 -50px;
}
* html #body {
height: 100%;
}
#content-area {
padding: 100px 0 50px;
}
#foot {
height: 160px;
width: 100%;
vertical-align: bottom;
bottom: 0;
position: fixed;
}

</style>
</head>

<body>

<div id="head">
<p align="center">
<a href="http://kimkiju.godohosting.com/board/bbs/board.php?bo_table=1" target=_blank>1</a>
<a href="http://kimkiju.godohosting.com/board/bbs/board.php?bo_table=2" target=_blank>2</a>
<a href="http://kimkiju.godohosting.com/board/bbs/board.php?bo_table=3" target=_blank>3</a>
<a href="http://kimkiju.godohosting.com/board/bbs/board.php?bo_table=4" target=_blank>4</a>
<a href="http://kimkiju.godohosting.com/board/bbs/board.php?bo_table=5" target=_blank>5</a>
<a href="http://kimkiju.godohosting.com/board/bbs/board.php?bo_table=6" target=_blank>6</a>
<a href="http://kimkiju.godohosting.com/board/bbs/board.php?bo_table=7" target=_blank>7</a>
<a href="http://kimkiju.godohosting.com/board/bbs/board.php?bo_table=8" target=_blank>8</a>
<a href="http://kimkiju.godohosting.com/board/bbs/board.php?bo_table=9" target=_blank>9</a>
<a href="http://kimkiju.godohosting.com/board/bbs/board.php?bo_table=10" target=_blank>10</a>
<a href="http://kimkiju.godohosting.com/board/bbs/board.php?bo_table=11" target=_blank>11</a>
<a href="http://kimkiju.godohosting.com/board/bbs/board.php?bo_table=12" target=_blank>12</a>
</p>
</div>

<div id="body">
<div id="content-area">
<p align="center">
<td width="1029">

------------------------------끝-------------------------------------------------------

----------------------------foot.html---------------------------------------------------

</td>
</p>
</div>
</div>

<div id="foot">
<p align="center">
<img border="0" src="http://kimkiju.godohosting.com/foot.jpg" width="1029" height="144">
</p>
</div>

</body>
</html>

-----------------------------끝--------------------------------------------------------

댓글 전체

다케미카코 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

13.08.14 09:21:51

처음부터 <div id="content-area"> 까지 head.php 로 저장하시고
</div> 아래부터는 tail.php 로 저장하시고
관리자 모드에서 헤드와 테일 부분을 추가 해 주시면 되십니다.

전체 66,554 |RSS

로그인

index.html 적용시와 게시판 적용시 결과물이 달라지네요 ㅠ_ㅠ > 그누4 질문답변

그누4 질문답변

본문

댓글 전체

회원로그인

로그인