<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
/* Layout */
#wrap{width:1000px; text-align:left; margin:0 auto; }
#header{width:100%; float:left; }
#container{width:100%; text-align:left; }
.snb{width:200px; float:left; text-align:left; }
#content{width:790px; float:right; }
#footer{margin:0; clear:both; text-align:center; padding:10px 0 10px 0; border-top:1px solid #87c777; width:100%;}
#footer *{margin:0; padding:0; color:#444; list-style:none; font-size:12px; line-height:normal; font-family:돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif;}
#footer a{text-decoration:none; color:#444;}
#footer a:visited{text-decoration:none; color:#666;}
#footer a:hover{text-decoration:underline;}
#footer ul{margin:0 0 14px 0;}
#footer ul li{display:inline; position:relative; padding:0 1px 0 6px; font-size:11px; white-space:nowrap; background:url(http://static.naver.com/common/footer/line_v_footer10.gif) no-repeat 0 0;}
#footer ul li *{font-size:11px;}
#footer ul li.first{background:none; padding:0 1px 0 0;}
#footer ul a{letter-spacing:-1px;}
#footer .desc{margin:-4px 0 10px 0; font-size:11px; line-height:16px; color:#aaa; letter-spacing:-1px;}
#footer .info{margin:-4px 0 3px 0; font-size:11px; line-height:17px;}
#footer address{margin:0 14px 0 0;}
#footer address{font:9px Verdana;}
#footer address a{font:bold 9px Tahoma; color:#00535d;}
</style>
</head>

<div id="wrap">
 <div id="header">
header
 </div>
 <div id="container">
  <div class="snb">
snb
  </div>
  <div id="content">

위는 board01.php에서 보드설정에서 상단파일 경로로

아래는 board02.php에서 보드설정에서 하단파일 경로로

 </div>
 </div>
 <div id="footer">
 footer
</div>
</div>
</body>
</html>


소스는 위와 같은데요 가운데 를 잘라서 상단 하단으로 넣었는데

위소스를 그냥 index.php로 불러오면  정확히 센터에 중앙정렬되는데요


게시판 설정 들어가서 보드 상단 하단 인클루드로 넣어보면 전체페이지가 왼쪽으로 붙어버려요 ㅠㅠ
도대체 이유를 모르겠네요

제가원하거는 그누보드사이트처럼 div를 사용해서 중앙정렬해서 보여주려고 합니다
도움좀 주세요 ㅠㅠ


margin:0 auto;이소스를 넣었는데도 보드에서 인클루드 시키면 중앙정렬이 안되네요,,
보드인클루드 안하고 인덱스에서 보면 중앙정렬이 잘됩니다;;