<style type="text/css">

#wrapper {width: 225px; margin: 0 auto; text-align: left;}

</style>

<div id="wrapper">

<td width= "225" , valign="padding-top:"5"px;", padding-left:27px;" >CENTER</td>

 </div>

이런걸 뭐 고수분이 대답해 줄 필요 까지야... 저같은 초보가 답해드려도 됩니다. ^^

아래 질문도 같은 방법으로:

<style type="text/css">

#center.whole.fucking.page {width: 1004px; margin: 0 auto; text-align: left;}

</style>

<div id="center.whole.fucking.page">

<table border="0" cellspacing="0" cellpadding="0" align="center">

<tr>
<td rowspan="2" valign="top"><a href="<?=$g4[path]?>/index.htm" onfocus='this.blur()'><img src="<?=$g4[path]?>/f_html/image/s_logo<?=substr($gr_id,1,1)-1?>.gif" width="286" height="91" border="0"></a></td>
<td valign="top" align="right" height="30">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><a href="/index.htm"><img src="<?=$g4[path]?>/f_html/image/t_menu01.gif" width="46" height="18" border="0"></a></td>
<?
if($member[mb_id]){
?>
<td valign="top"><a href="<?=$g4['bbs_path']?>/logout.php"><img src="<?=$g4[path]?>/f_html/image/t_menu02s.gif" width="58" height="18" border="0"></a></td>
<td valign="top"><a href="<?=$g4['bbs_path']?>/member_confirm.php?url=register_form.php"><img src="<?=$g4[path]?>/f_html/image/t_menu03s.gif" width="90" height="18" border="0"></a></td>
<?} else{?>
<td valign="top"><a href="<?=$g4['bbs_path']?>/login.php?url=<?=$urlencode?>"><img src="<?=$g4[path]?>/f_html/image/t_menu02.gif" width="58" height="18" border="0"></a></td>
<td valign="top"><a href="<?=$g4['bbs_path']?>/register.php"><img src="<?=$g4[path]?>/f_html/image/t_menu03.gif" width="90" height="18" border="0"></a></td>
<?}?>
<td valign="top"><a href="<?=$g4['path']?>/nfor.php?gr_id=01&sNum=0"><img src="<?=$g4[path]?>/f_html/image/t_menu04.gif" width="69" height="18" border="0"></a></td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="bottom"><script>doc_write(flash_movie("<?=$g4['path']?>/f_html/swf/index.swf?mNum=<?=substr($gr_id,1,1)-1?>&sNum=<?=$sNum?>", "ids", 738, 61, "transparent"));</script></td>
</tr>
</table>
</td>
</tr>
</table>

<table border="0" cellspacing="0" cellpadding="0" width="100%" background="<?=$g4['path']?>/f_html/imag*/s_c_bg.gif" style="background-repeat:repeat-x">
 <table border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td><script>doc_write(flash_movie("<?=$g4['path']?>/f_html/swf/subvisual<?=$gr_id?>.swf", "ids", 1024, 217, "transparent"));</script></td>
</tr>
</table>

<table border="0" cellspacing="0" cellpadding="0" width="100%" background="<?=$g4['path']?>/f_html/image/s_bg.gif" style="background-repeat:repeat-x">
<tr>
<td width="1024" valign="top">


<table border="0" cellspacing="0" cellpadding="0" width="1024" valign="top">
<tr>
<td width= "225" , valign="padding-top:"5"px;", style= "padding-left:27px;" >
<br>

<script>doc_write(flash_movie("<?=$g4['path']?>/f_html/swf/left_nav<?=$gr_id?>.swf?mNum=<?=$sNum?>", "ids", "170", "162", "transparent"));</script>

</td>
<Td width="1" bgcolor="EEEEEE"></td>
  <td style='padding-left:60px;'>
<table width="750" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2" height="21"></td>
</tr>
<tr>
<td rowspan="2" width="142"><img src="<?=$g4['path']?>/f_html/image/title_<?=substr($gr_id,1,1).($sNum+1)?>.gif"></td>
<td align="right" height="28"><font color="989595"></font><?=$g4['title']?></td>
</tr>
<tr>
<td height="1" bgcolor="b8b4b4"></td>
</tr>
<tr>
<td colspan="2" height="10"></td>
</tr>
</table>


<table width="750" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="495" valign="top">

</dvi>

이렇게 하면 몽땅 center 가 되겠죠? ^^  이제 이러고 각 테이블이 따로 따로 노니까, welcome to hell 하시면 됩니다.  이제 이걸 다 일일히 웹표준으로 각 페이지 마다 수정해주시려면, 엄청난 삽질이 필요합니다.  그래서 welcome to hell 입니다. 

그누보드4로 시간낭비 하시지 마시고, 그누보드 DTD 를 쓰는것도 좋은 방법입니다.  그누보드 DTD 는 웹표준으로 깔끔하게 다 정리되어 있습니다.  테이블의 사용용도는 물론 존재하지만, 레이아웃을 테이블로 잡는건 웹표준이 아닙니다.

http://design.sir.co.kr/event/coupon.htm

여기가서 브라우저를 좌우로 최대 쫙 늘려보세요. header 는 좌정령, body 는 가운데 정렬되는것 보이시나요?  footer 는 깨져있고. 같은 문제가 있으신거죠?

각 페이지 마다 별도의 header 를 쓰시던가 DOCTYPE 선언을 결국 DTD 로 해야 해결 됩니다.

이문제는 그래서 그누보드4 보다 그누보드5/DTD 를 쓰시는게 더 좋은 해결방법이라고 말씀드린 것 입니다.

그누보드4의 경우는..

div 에 margin:0 auto; 로 되지는 않고

테이블로 감싸줘야 하더군요...

전체페이지를
<table align=center><tr><td>

</td></tr></table>
이렇게 싸주면 되긴합니다..
아무래도 옛날방식 프로그램이다보니.. ^^;