<script>
function showSubMenu(obj) {
        switch(obj) {
                // 메뉴수에 맞추어 case 를 추가해 주시면 됩니다.
                // pWidth 라는 것은 가상적으로 붙여준 이름으로
                // 오른쪽 스크롤바에서 부터 서브레이어의 왼쪽 부분 까지의 길이기를 가리킵니다.
                case 'SubMenu_concert' : pWidth = 0; break;
                                case 'SubMenu_community' : pWidth =0; break;
                                case 'SubMenu_choir' : pWidth =0; break;

        }
        xPos = document.body.clientWidth - pWidth; // xPos 에 대한 값을 지정하는 부분입니다.
        document.all[obj].style.posRight = parseInt(xPos);// 여기서 posLeft 를 posRight 로 잡아주시면 다시 왼쪽 정렬이 됩니다.
        document.all[obj].style.visibility = '';
}
function hideSubMenu(obj) {
        document.all[obj].style.visibility = 'hidden';
        }
</script>

<div id=SubMenu_choir style="z-index:6; position:absolute; left:95px; top:206px; width:150; visibility: hidden" onMouseOver="showSubMenu('SubMenu_choir')" onMouseout="hideSubMenu('SubMenu_choir')" ><? include "submenu_choir.html" ?></div>

<div id=SubMenu_concert style="z-index:6; position:absolute; left:165px; top:206px; width:160; visibility: hidden" onMouseOver="showSubMenu('SubMenu_concert')" onMouseout="hideSubMenu('SubMenu_concert')" ><? include "submenu_concert.html" ?></div>

<span id=SubMenu_community style="z-index:6; position:absolute; left:375px; top:206px; width:150; visibility: hidden" onMouseOver="showSubMenu('SubMenu_community')" onMouseout="hideSubMenu('SubMenu_community')" ><? include "submenu_community.html" ?></span>

                        <table width="750" border="0" cellspacing="0" cellpadding="0">
                                <tr height=31 class=menu align=center>
                                        <td width="15" background="img/menu_bg.jpg"><img src="img/menu_start.jpg"></td>                                        

                                        <td width="70" background="img/menu_bg.jpg"><a href="info_festival.html">합창제 소개</a></td>                                        
                                        
                                  <td width="70" background="img/menu_bg.jpg" onMouseOver="showSubMenu('SubMenu_choir')" onMouseout="hideSubMenu('SubMenu_choir')" onfocus=blur>합창단 소개</td>

                                        <td width="70" background="img/menu_bg.jpg" onMouseOver="showSubMenu('SubMenu_concert')" onMouseout="hideSubMenu('SubMenu_concert')" onfocus=blur>연주회</td>
                                        
                                        <td width="70" background="img/menu_bg.jpg"><a href="info_data.html">보도 자료</a></td>                        
                                  
                                  <td width="70" background="img/menu_bg.jpg"><a href="info_news.html">최근 소식</a></td>
                                        
                                  <td width="70" background="img/menu_bg.jpg" onMouseOver="showSubMenu('SubMenu_community')" onMouseout="hideSubMenu('SubMenu_community')" onfocus=blur>커뮤니티</td>
                                        
                                  <td width="70" background="img/menu_bg.jpg"><a href="http://www.snuchoir.or.kr/cgi-pub/ybguestbook/guest/guest.cgi?j=init" target=_blacnk>방명록</td>
                                        
                                  <td width="70" background="img/menu_bg.jpg"><a href="info_link.html">관련 정보</a></td>
                                        
                                        <td width=160 background="img/menu_bg.jpg"></td>

                                        <td width="15" background="img/menu_bg.jpg" align=right><img src="img/menu_end.jpg"></td>
                                </tr>
                        </table>
                        </td>
         </tr>
         <tr height=10><td></td></tr>
</table>


요게 menu부분이거든요.

전체 문서를 <div>나 <span>으로 감싼다음에,

menu안에서 position을 relative로 잡고서 중앙정렬 해보려는데

relative로 잡으면..칸이 붕 떠버리네요 ㅡ.ㅡ; 테이블이 이상해진다는..


사실 저 메뉴 보는 스크립트도 이해가 잘 안가지만 ㅡㅡ; (이것도 원리라도 설명을..주석이 이해가 안간다는 ㅠㅠ)


중앙정렬하고 싶어요 ㅠㅠ