기본적인 원리만 아시면 될것 같네요

1. body에 text-align:center; 을 추가합니다

2. 레이아웃 전체를 감싸주는 div 또는 table 태그를 추가합니다

3. 그렇게 감싸준 div 또는 table 태그에 width를 부여합니다 (예 : width:960px)

4. 그리고 margin:0 auto; 를 그 전체를 감싸준 div 또는 table 태그에 추가합니다



,, 정리해서 적어보자면,, 대략 아래와 같습니다

<style>
body {text-align:center;}
#home {width:960px; margin:0 auto;}
</style>

<div id="home">
<div>메뉴</div>
<div>컨텐츠,,등등</div>
</div>





물론 아래와 같이 하셔도 됩니다

<style>
#rootDiv {text-align:center;}
#home {width:960px; margin:0 auto;}
</style>

<div id="rootDiv">
<div id="home">
<div>메뉴</div>
<div>컨텐츠,,등등</div>
</div>




결론적으로 최상위에서 text-align:center로 가운데 정렬을 시키고
레이아웃은 margin:0 auto; 를 통해서 가운데 몰아줍니다

저도 필요한 내용이었네요
잘 사용을 할께요.

필요한내용 잘 배워갑니다 ^^