IE6, IE7/FF 의 box modeling 방식

발생일: 2009.03.15

문제:
IE6의 box modeling 방식이 IE7/FF 와 달라 정확한 layout 표시가 어렵다.
pixeldraw의 canvas를 그리면서 문제가 발생.

해결책:
IE6와 IE7/FF의 box modeling 방식을 이해하고, CSS Hack 을 적용해 해결한다.

간단하게,

height: 15px; // 모든 브라우저

#height: 15px; // IE 전용

_height: 21px; // IE6.0 과 이전버젼용

와 같이 구현해주면 된다.

또한, IE6에서 float:left; 를 적용할 경우 margin이 중복되어 적용되는데,
이 때에는 _display:inline; 을 적용해주면 된다.