min-height 속성을 IE6 에 주는 방법에서도 언급했듯이
IE6 은 max, min 개념이 없기 때문에 Hack을 써서 넣어주어야 한다. (IE6 *\#&*$@)
어떠한 이미지의 너비를 최대 500px 이상으로 넘어가지 않도록 하기 위해서는
IE6 을 제외한 모든 브라우저에서
#somewhere img {
max-width: 500px;
}
라고 "한줄" 넣으면 끝난다.
그러나 우리의 구닥다리 IE6 은
저 속성을 읽지 못하고 img 너비를 있는 그대로 뿌려준다-_-
IE6 에만 적용해야 할 Hack은 다음과 같다.
#somewhere img {
width: expression( this.clientWidth > 499 ? "500px" : "auto" );
}
expression 으로 IE6 만의 자바스크립트를 작성할 수 있으니 good.
expression 이녀석은 상상을 초월할 만큼 IE6 브라우저를 힘들게 하는 것 같다.
하지만 어쩔 수 없이 꼼수를 써야 한다는 거~ 슬픈 현실ㅠㅠ
Posted by mkyoon
