2005년 04월 16일
글상자
color:black; border-width:1px; border-style:dotted; padding:5px
좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자
좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자
좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자
좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자
color:black; border-width:1px; border-style:dotted; padding:5px; width:100%
좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자
좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자
좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자
좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자 좀 긴 여러 줄 글상자
IE 외의 브라우저에서는 박스가 밖으로 넘어가게 된다
W3C의 CSS 2.1 표준에 의하면 content-width를 지정하는데 width 항목을 이용한다. 즉 width를 이용할 경우 위의 content 영역의 크기가 정해진다. 하지만 IE의 호환 모드에서는 width를 지정하면 Margin edge까지 박스 전체의 크기가 정해진다. (IE도 표준 모드에서는 CSS에서 정한 대로 크기를 결정한다.)
따라서 IE 호환 모드에서는 저 박스에 width:100%를 쓰든 안 쓰든 결과가 같지만, Firefox 등 다른 브라우저나 IE라도 표준 모드에서는 width:100%의 여부에 따라 결과가 다르게 나온다. 이 경우 본문 내용의 오른쪽 끝부분이 '의도한 것보다' 오른쪽에 설정되며, 넘치는 본문의 폭은 본문을 제외한 다른 요소의 총합이 된다. (실제로는 박스의 폭은 양쪽 바깥 부분을 합하여 두 배가 된다.) IE 이외의 브라우저를 이용하는 사람들은 이로 인해 불편할 수밖에 없다.
IE 7에서 호환 모드를 포기할 가능성은 거의 없어 보이니, 남은 것은 수단방법을 가리지 않고 FF를 보급하거나, 아니면 표준을 최대한 이용하도록 권장하는 일 뿐인 것 같다.
# by | 2005/04/16 23:03 | 컴퓨터 | 트랙백 | 덧글(0)
☞ 내 이글루에 이 글과 관련된 글 쓰기 (트랙백 보내기) [도움말]