태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

2007.10.10 16:56
  CSS property spec table을 볼 때 주의를 기울여 확인해야 할 항목 중에 하나는 'Applies to'라는 항목 입니다. 즉, 해당 property가 어떤 종류의 element를 적용 대상으로 하는지를 잘 보아야 한다는 것 입니다.

  vertical-align property의 경우, 적용 대상이 'inline-level and table-cell elements' 라고 되어 있으므로 <span>같은 inline-level element나 <td><th> 같은 table-cell에만 적용되는 property라는 것 입니다.

  그렇기 때문에 block-level element인 <div> 같은 element에는 적용될 수가 없는 것 입니다. 그런데 적용 대상도 아닌 block box를 수직 정렬하려고 하니 그게 될 리가 없지요.

  <div>에 {display:table-cell}을 지정하면 마치 <td>에서 처럼 수직 정렬을 할 수 있습니다만, 확인해 본 바에 따르면 불행하게도 IE 6은 물론이고 새로 나온 IE 7에서도 이걸 지원하지 않는군요.

'웹표준 > CSS' 카테고리의 다른 글

checkbox, radio 스타일 적용 제외 시키기  (0) 2007.11.24
!DOCTYPE 선언 방법  (0) 2007.10.11
수직 정렬  (0) 2007.10.10
텍스트 wrap  (0) 2007.09.27
postion  (1) 2007.09.21
border-style  (0) 2007.09.20
Posted by 고시랑