사이트 센타 정렬 하게끔해주세요!!

사이트 센타 정렬 하게끔해주세요!! 정보

사이트 센타 정렬 하게끔해주세요!!

본문

http://www.tabmania.net/
요기 크로스브리우징 할라다가 많이 고쳤는데 사이트 전체적인 중앙정렬이안됩니다.
도와주실분은 네이트온 친추해주세욤 ㅠㅠ *** 개인정보보호를 위한 이메일주소 노출방지 ***

지금 저기에 margin:0 auto; 는 되어있는상태입니다. 메뉴바를 100%땜에 그러는것도 아닌거같구욤~

복사
공유하기

댓글 전체

ganji 홈페이지 자기소개 아이디로 검색 회원게시물

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

11.03.01 13:18:57

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

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; 를 통해서 가운데 몰아줍니다