페이지 전체 가운데 정렬 margin: 0 auto;

· 2006-09-25 (월) 16:31:23 · 6849 · 3
워드프레스 코드를 들여다 보다 발견했습니다.
간단하지만 이번 작업에서 처음 접했고 팁란에 아직 없는듯 해서 올립니다.

margin: 0 auto; <<=== 이 라인이 가운데 정렬을 해줍니다. 마진값이 있으면 안됩니다.

주의 - position:absolute; 이며 좌표값이 있는경우는 당연히 제외 됩니다.

링크 에서 브라우저 크기를 바꿔보시면 됩니다.

링크 오른쪽 하단 http://css-validator.kldp.org 링크에서 해당 페이지의 " 유효한 CSS 정보 " 부분을 참고하세요.

_____________________________________

예제;

#level0 {

margin: 0 auto;

text-align: left;

width: 990px;

text-decoration: none;

}
_____________________________________

부족한 부분은 덧글로 보충해주세요~**<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
|

댓글 3개

2006-10-11 (수) 12:01:18
FF에서는 잘됩니다. IE에서는 레이어를 외부에 하나 만들어주고 text-align:center 해줬던기억이..
그렇군요^^
body 설정까지 넣어주는것이 맞는것 같습니다.

body {
text-align: center;
}
#level0 {
margin: 0 auto;
text-align: left;
width: 990px;
text-decoration: none;
}
2008-07-07 (월) 09:10:51
감사합니다..
댓글을 작성하시려면 로그인이 필요합니다.

개발자팁

5,403건

개발과 관련된 유용한 정보를 공유하세요. 질문은 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
JavaScript 06-09-25 조회 4,988
Flash 06-09-25 조회 5,137
기타 06-09-25 조회 6,850
기타 06-09-23 조회 3,452
기타 06-09-23 조회 3,572
기타 06-09-23 조회 3,976
기타 06-09-23 조회 5,647
JavaScript 06-09-22 조회 5,040
Flash 06-09-22 조회 5,201
JavaScript 06-09-22 조회 4,145
Flash 06-09-22 조회 3,892
기타 06-09-22 조회 4,154
PHP 06-09-22 조회 4,775
정규표현식 06-09-22 조회 3,711
Linux 06-09-22 조회 4,156
기타 06-09-22 조회 4,206
Linux 06-09-22 조회 3,575
Flash 06-09-22 조회 4,774
MySQL 06-09-22 조회 4,809
Linux 06-09-22 조회 4,397
MySQL 06-09-21 조회 6,884
기타 06-09-21 조회 5,383
JavaScript 06-09-21 조회 4,466
기타 06-09-21 조회 3,325
JavaScript 06-09-21 조회 4,874
기타 06-09-21 조회 3,359
JavaScript 06-09-21 조회 4,519
JavaScript 06-09-21 조회 5,955
JavaScript 06-09-21 조회 5,190
기타 06-09-21 조회 3,300