<div style="height:5px">높이 5px</div>
위의 속성과 같이는 IE7이상버전(최신 ie8포함)이나 파폭, 구글 크롬등
기타 웹표준 준수 브라우저에서는 정상적으로 높이 5px 에 div가 생성된다.
그런데 IE6에서는 5px 이상의 일정한 여백, 약 10px이상(?)으로 보이게 된다.
IE6의 인코딩방식에 차이때문이라고 한다.
즉, DIV내 폰트관련 기본속성 때문이다.
그래서 아래와 같은 font-size, line-height의 속성값을 지정하면
IE6도 웹표준에 맞는 결과와 같다.
<div style="height:5px;font-size:5px;line-height:5px">높이 5px
Div</div>
하지만... 현재 정식버전도 아닌 IE8이
표준 모드에서 웹표준 준수여부의 Acid2 테스트를 통과한 MS의 최초 브라우저라니... -_-;;
Mozilla 계열의 Firefox의 놀라운 성장세와 함께 더이상 웹표준을 외면할 수 없는 시대적 영향때문인지 모르지만...
이로 인해 단지 얼마간의 시간이라도 허비해야 하는 개발자들의 스트레스는...
