아티클

IE는 DTD별, 버전별로 <body> 영역을 다르게 인식합니다.

2008-06-19 16:23:52

안녕하세요? 웹표준화팀 문지애입니다.

웹사이트 운영툴을 제작할 때 HTML이 적용된 화면을 확인하기 위해 툴 안에 HTML을 통째로 넣는 경우가 있습니다.
이때 HTML 가장자리의 선을 어떤 경우에 제어할 수 있는지 알아보겠습니다.

운영툴에 들어간 HTML

일반적으로 <body>는 브라우저의 안쪽 영역을 말합니다.

<body> 영역

그런데 다음과 같은 경우, IE는 스크롤을 포함한 영역까지 <body> 영역으로 인식합니다.


  • DTD가 Quirks Mode일 때 (IE7.0 이하)
  • IE5.5 이하

Quirks Mode의 <body> 영역


위와 같이 <body> 영역이 확장되면 CSS로 브라우저 가장자리 음각 영역을 제어할 수 있게 됩니다.

브라우저의 음각 영역

이 내용은 운영툴에서 미리보기를 위한 HTML 파일을 불러올 때
강한 색 대비를 가진 음각 영역이 사용자의 눈에 무리를 줄 것으로 예상되어 대두된 문제였습니다.

운영툴

현재 이 운영툴의 구조적 수정이 어렵고, 사용자가 내부 편집자로 한정되어 있으며, 사용자의 브라우저가 IE인 것을 감안해
부득이하게 Quirks Mode로 만들어진 HTML 안에 frame을 넣어 해결했습니다.

더 좋은 해결 방법이 있다면 의견 부탁 드립니다.^^

감사합니다.

댓글 0
댓글을 작성하려면 해주세요.