도

CSS 와 DIV만을 이용해 화면 중앙(수직, 수평모두)에 내용 정렬하기

수평 중앙은 쉽게 돼는데 수직 중앙은 잘 안돼는군요
예전엔 테이블 height=100%를 활용해 만들었는데 테이블 없이 div 태그와 CSS 만 활용할려니 잘 안되네요.

body 바로 아래의 div에 height : 100% 스타일 적용해도 크기가 커지질 않네요.

div 태그로 만든 박스를 화면 중앙에 나오게 하는 방법 아시는 분 도움 요청합니다.<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
|

댓글 3개

div는 height가 먹지 않습니다.
div를 테이블처럼 정확하게 화면의 중앙에 위치시키는 방법은 없습니다
margin-right: auto;
margin-left: auto;
로 좌우의 중앙을 맞추고
상하는 margin-top: 20px; 혹은 margin-bottom: 20px;
등으로 적당히 간격을 만들어 주는것이 방법입니다
답변 감사합니다. 그럼 한가지 더 질문 좀 드릴게요..
그럼 BODY 택에 속성 vertical-align 을 적용하는 방법도 없는지요?
수직 정렬은 없는건가요??
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
12-01-11 조회 2,761
12-01-11 조회 1.2만
12-01-10 조회 2,860
12-01-08 조회 3,448
12-01-05 조회 5,339
11-12-29 조회 3,057
11-12-27 조회 2,845
11-12-25 조회 3,027
11-12-22 조회 3,463
11-12-14 조회 2,923
11-12-12 조회 3,550
11-11-28 조회 3,381
10-10-19 조회 2,844
08-09-05 조회 3,758
08-09-05 조회 3,574
08-06-14 조회 3,319
08-04-22 조회 3,599
08-04-17 조회 3,602
07-10-03 조회 4,216
07-10-03 조회 3,610
07-10-03 조회 7,296
07-10-03 조회 4,573
07-10-03 조회 3,269
07-10-03 조회 2,865
07-10-02 조회 3,577
07-10-02 조회 3,104
07-09-27 조회 5,026
07-09-27 조회 3,850
06-09-26 조회 3,517
06-09-26 조회 4,736
06-09-22 조회 3,910
06-09-22 조회 3,528
06-09-22 조회 4,274
06-09-21 조회 4,207
06-08-18 조회 3,697
05-11-30 조회 4,746
05-07-15 조회 4,595
05-03-23 조회 4,657
05-03-14 조회 3,325
05-03-13 조회 2,699
04-08-05 조회 5,773