도

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

· 2007-02-02 (금) 02:10:38 · 6241 · 3
수평 중앙은 쉽게 돼는데 수직 중앙은 잘 안돼는군요
예전엔 테이블 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 을 적용하는 방법도 없는지요?
2010-10-22 (금) 17:12:19
수직 정렬은 없는건가요??
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
10-09-25 조회 2,733
10-09-19 조회 2,768
10-09-15 조회 2,765
10-09-15 조회 4,169
10-09-15 조회 3,397
10-09-15 조회 2,498
10-09-07 조회 3,618
10-08-27 조회 4,074
10-06-11 조회 4,256
10-05-31 조회 2,498
10-02-27 조회 5,015
10-02-09 조회 3,760
09-10-10 조회 7,350
09-03-19 조회 3,213
09-02-09 조회 3,478
09-02-09 조회 4,539
08-11-01 조회 2,920
08-09-29 조회 4,568
08-09-26 조회 3,519
08-09-26 조회 3,593
08-09-26 조회 2,730
08-09-26 조회 3,773
08-09-26 조회 3,500
08-09-26 조회 4,264
08-09-18 조회 3,592
08-09-09 조회 3,238
08-08-28 조회 2,782
08-07-06 조회 3,551
08-05-21 조회 4,715
08-05-13 조회 4,548
08-04-17 조회 4,925
08-02-19 조회 3,547
08-01-18 조회 3,850
08-01-10 조회 3,827
07-10-22 조회 3,660
07-10-09 조회 4,317
07-10-03 조회 3,526
07-07-06 조회 4,218
07-07-06 조회 4,428
07-07-06 조회 4,039
07-06-28 조회 3,583
07-06-05 조회 3,586
07-06-05 조회 4,129
07-05-30 조회 3,297
07-05-02 조회 3,690
07-04-15 조회 5,160
07-04-11 조회 3,639
07-04-05 조회 3,936
07-03-31 조회 3,160
07-03-31 조회 4,133
07-03-30 조회 3,743
07-03-24 조회 4,008
07-03-22 조회 3,667
07-03-12 조회 4,418
07-02-16 조회 3,282
07-02-14 조회 5,172
07-02-10 조회 4,002
07-02-09 조회 4,391
07-01-19 조회 4,056
07-01-16 조회 4,983
06-12-16 조회 5,849
06-11-30 조회 3,605
06-11-25 조회 3,713
06-10-15 조회 5,078
06-09-26 조회 5,320
06-09-26 조회 5,435
06-09-22 조회 4,288
06-09-21 조회 3,554
06-09-21 조회 3,651
06-09-02 조회 3,490
06-08-08 조회 5,122
06-07-20 조회 3,743
06-07-17 조회 3,371
06-07-13 조회 4,192
06-07-11 조회 3,488
06-07-11 조회 3,495
06-07-11 조회 3,856
06-06-29 조회 6,073
06-06-19 조회 6,467
06-06-02 조회 3,520
06-05-24 조회 5,005
06-05-14 조회 7,786
06-05-08 조회 3,909
06-02-02 조회 5,467
05-12-16 조회 4,517
05-12-05 조회 5,168
05-06-28 조회 4,125
05-04-11 조회 4,076
05-04-11 조회 4,259
05-04-11 조회 3,326
05-03-13 조회 3,226
05-03-12 조회 4,305
04-12-08 조회 7,786
04-12-01 조회 5,196
04-11-28 조회 3,377
04-11-28 조회 3,213
04-08-05 조회 5,627
04-08-05 조회 4,982
04-08-05 조회 5,591