도

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

· 2007-02-02 (금) 02:10:38 · 6206 · 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건
+
제목 글쓴이 날짜 조회
07-10-13 조회 5,112
07-10-03 조회 4,103
07-10-03 조회 3,294
07-10-03 조회 2,518
07-10-03 조회 4,615
07-10-02 조회 2,955
07-10-01 조회 3,576
07-09-28 조회 3,497
07-09-27 조회 4,554
07-08-16 조회 6,407
07-08-04 조회 2,855
07-07-25 조회 6,114
07-07-05 조회 4,003
07-07-02 조회 4,549
07-06-30 조회 4,452
07-06-20 조회 7,339
07-06-20 조회 3,947
07-06-05 조회 4,120
07-05-26 조회 3,157
07-05-17 조회 9,153
07-05-17 조회 5,196
07-05-04 조회 6,122
07-04-15 조회 6,208
07-04-13 조회 3,979
07-04-11 조회 3,389
07-03-20 조회 3,563
07-03-02 조회 6,790
07-02-27 조회 6,057
07-02-22 조회 4,444
07-01-30 조회 6,261
07-01-30 조회 1만
06-12-20 조회 3,751
06-12-18 조회 4,608
06-12-15 조회 4,586
06-12-15 조회 3,814
06-12-15 조회 3,202
06-11-30 조회 3,643
06-11-27 조회 4,537
06-10-24 조회 6,449
06-10-17 조회 4,758
06-09-22 조회 4,495
06-09-21 조회 5,995
06-09-21 조회 3,921
06-09-15 조회 6,540
06-08-20 조회 3,687
06-07-19 조회 3,326
06-07-14 조회 4,229
06-07-14 조회 4,094
06-07-11 조회 5,700
06-06-08 조회 4,278
06-06-08 조회 4,192
06-05-24 조회 3,506
06-05-24 조회 4,891
06-05-17 조회 3,602
06-05-16 조회 4,354
06-05-14 조회 6,046
06-05-12 조회 3,607
06-05-06 조회 4,252
06-05-06 조회 4,334
06-05-06 조회 3,633
06-05-06 조회 3,709
06-05-06 조회 4,154
06-04-25 조회 4,021
06-03-23 조회 5,477
06-01-20 조회 4,048
06-01-04 조회 4,260
05-12-30 조회 4,131
05-12-21 조회 4,808
05-11-09 조회 4,011
05-11-09 조회 3,792
05-10-09 조회 3,456
05-09-21 조회 6,844
05-08-14 조회 4,327
05-08-04 조회 5,505
05-07-14 조회 4,570
05-06-15 조회 4,958
05-04-23 조회 4,556
05-04-20 조회 5,015
05-04-19 조회 1.1만
05-04-19 조회 5,974
05-03-15 조회 3,792
05-03-15 조회 4,235
05-03-13 조회 2,916
05-03-13 조회 3,443
05-03-13 조회 3,422
05-03-13 조회 2,727
05-03-13 조회 5,771
05-03-13 조회 5,405
05-03-13 조회 4,336
05-03-13 조회 4,630
05-03-13 조회 7,893
05-03-13 조회 4,389
05-03-13 조회 3,475
05-03-13 조회 3,467
05-03-13 조회 8,016
05-03-13 조회 5,474
05-03-13 조회 4,121
05-03-12 조회 3,765
05-03-12 조회 4,473
05-02-24 조회 4,623