K

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

· 2011-03-01 (화) 13:03:06 · 1777 · 8
http://www.tabmania.net/
요기 크로스브리우징 할라다가 많이 고쳤는데 사이트 전체적인 중앙정렬이안됩니다.
도와주실분은 네이트온 친추해주세욤 ㅠㅠ [email protected]

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

댓글 8개

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

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; 를 통해서 가운데 몰아줍니다
익스플로러에서는 그렇게하면되는데 파이어폭스같은 브라우저에는 다 왼쪽으로 몰려서 문의올렸습니다.. 다른 방안없나옴?
다른 계열도 다 그렇게해서 씁니다 ^^;;
오그러니 되긴되네욤~ ㄳ 다하고 채택해드릴계요~
파폭 2, 3 과 크롬(플러스)에서 확인결과 가운데 정렬 잘 되고 있습니다
축하? 드립니다;;

(좌측 채팅만 파폭 2에서 안되네요)
그런데 모바일(갤럭시s) 에서는 제대로 css값이 적용이 안되는거같은데 어떻게해야죠?
저도 필요한 내용이었네요
잘 사용을 할께요.
필요한내용 잘 배워갑니다 ^^
댓글을 작성하시려면 로그인이 필요합니다.

그누4 질문답변

66,531건

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기 기존 게시물은 열람만 가능합니다.

+
제목 글쓴이 날짜 조회
11-03-02 조회 1,631
11-03-02 조회 1,812
11-03-01 조회 1,083
11-03-01 조회 1,820
11-03-01 조회 1,603
11-03-01 조회 1,630
11-03-01 조회 1,626
11-03-01 조회 1,602
11-03-01 조회 1,667
11-03-01 조회 1,603
11-03-01 조회 1,792
11-03-01 조회 1,866
11-03-01 조회 1,606
11-03-01 조회 1,609
11-03-01 조회 1,778
11-03-01 조회 2,088
11-03-01 조회 1,682
11-03-01 조회 1,620
11-03-01 조회 1,625
11-03-01 조회 1,596