Search Results for 'IE6'


6 POSTS

  1. 2007/12/11 IE6 과 max-width 그리고 expression by mkyoon
  2. 2007/12/03 Filter - AlphaImageLoader 와 PNG 그리고 Link by mkyoon
  3. 2007/11/27 IE6에서 float DIV사이에 낑긴 absolute DIV가 사라지는 현상 by mkyoon
  4. 2007/11/13 IE6 그리고 height:100%; 그리고 expression by mkyoon
  5. 2007/10/25 Min-Height CSS Hack by mkyoon (7)

IE6 과 max-width 그리고 expression


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.
하지만 어쩔 수 없이 꼼수를 써야 한다는 거~ 슬픈 현실ㅠㅠ

Posted by mkyoon

Tag
css, expression, ie, IE6, max-width
Response
No Trackback , No Comment

Filter - AlphaImageLoader 와 PNG 그리고 Link


투명처리된 PNG 파일은 IE 6 에서 회색 바탕으로 나옵니다.
이를 해결하기 위해 PNG를 배경그림으로 넣고
AlphaImageLoader 필터를 씌우는데요.

특수한 경우
필터 먹은 DIV 안에 있는 링크를 아무리 눌러도
클릭이 되지 않는 현상이 생깁니다. (언제나 이상한 IE.)

필터먹인 DIV에
position: relative, absolute 설정을 주면
안에 있는 링크는 무용지물이 되고 맙니다.

해결방법

1. 필터 먹인 DIV에는 position 설정이 없거나 position: static;
2. 그 안에 들어있는 링크(a)에 relative 혹은 absolute 를 주세요.

끗.

Posted by mkyoon

Tag
hack, ie, IE6, link, PNG, 언제나 이상한 IE
Response
No Trackback , No Comment

IE6에서 float DIV사이에 낑긴 absolute DIV가 사라지는 현상


[ float left ]　 [ absolute ]　 [ float right ]

요렇게 나란히 DIV 형제가 세개 있는데
IE6 에서만 absolute 가 사라져버리는 현상입니다.
(IE Developer Toolbar 로 찍어봐도 나오지 않습니다)

absolute DIV 를 float left, right 뒤에 놓고
clear: both; 를 주세요.

그럼 나옵니다.
float 사이에 absolute 는 껴두지 않는것이 상책이겠죠.-_-;

하하하 IE6 너 정말 신기하구나~

Posted by mkyoon

Tag
absolute, float, IE6, 언제나 이상한 IE
Response
No Trackback , No Comment

IE6 그리고 height:100%; 그리고 expression


부모 element 의 높이를 그대로 받아
자식 element 에 높이를 지정하려면

부모와 자식에 같은 높이 px 값을 주면 된다.

그러나 부모의 높이가 항상 일정하지 않을 경우가 있다.
특정 상황에서 높이가 변한다면 자식에는 height: auto;를 주면 된다.
자식 element 에는 height: 100%를 주면 된다.

하지만
우리의 귀염둥이 IE 6 은 언제나 혼자 논다.
변하고 있는 부모 element의 height 와 상관 없이
자식 element는 부모 height를 늘여 있는 그대로를 전부 표시한다.

자바스크립트를 이용하여
getElementById 로 부모의 height를 설정하여 지정해야 하는건가
IE 6 하나 때문에 모든 브라우저에서 자바스크립트 렌더링을 해줘야 하는건가-_-

훗.
IE 6 핵 중에 expression 을 이용하면 단박에 해결된다.

#자식selector {
　 　　 height: expression(document.getElementById('부모id').style.height );
}


이럼 IE 6 만을 위한 스크립트 완성이다.
야호!

Posted by mkyoon

Tag
expression, hack, height, ie, IE6
Response
No Trackback , No Comment

Min-Height CSS Hack


오늘도 어김없이 나의 발목을 잡는 IE 6.
min-height 속성을 줄 방법을 찾다가
구글에서 CSS 핵을 발견했다.+_+오예~

selector {
　 　 min-height:500px;
　 　 height:auto !important;
　 　 height:500px;
}


min-height 가 먹는 녀석은 잡수라 냅두고
height: auto; 는 IE에서 important 핵을 써서 IE6 이외 브라우저에서 내용에 따라 늘어나게 되며
height: 500px 은 IE6 에서 500이하로 떨어지지 않게 됨.

만쉐이.

출처 : http://www.dustindiaz.com/min-height-fast-hack/

Posted by mkyoon

Tag
css, hack, ie, IE6, min-height
Response
No Trackback , 7 Comments
« Previous : 1 : 2 : Next »