[IT뉴스]IE6 장례식 사이트

IE6이여 안녕~

 

 

http://ie6funeral.com/

 

실제 미국시간 기준으로 3월 1일 미국 콜로라도주 덴버의 레스토랑에서 장례식을 치른다고 한다.

 

구글에서는 도큐멘트 이외에 지메일, 유튜브도 IE6 지원을 종료한다고 발표했다.

중국에서 IE6의 취약점을 이용해서 사이버 공격을 했다고한다.

IE6 웹표준을 지원하지 못하며, 보안적으로 좋지 못한 브라이저 이다.

 

진작에 사라져야할것을..

 

IE6 너때문에 내 작업량이 늘어난다.. 제발좀 사라져라..

[잡담] IE6 사용자가 줄어들질 않네

얼마전에 운영하는 사이트 브라우저별 통계에서 IE6 사용자가 56%를 차지하고 있었다. [참고글]

한달 정도 지난 지금 다시한번 통계를 확인했더니, 61% 이상이었다. 점점 많아지는건 무슨 시츄에이션

 

 

아니 이건뭐... 전부다 개발자일리는 없을테고, IE6사용자만 골라서 접속할일도 없을텐데, 참..

우리 이참에 본인의 컴퓨터 바이러스 검사도 하면서 브라우저 업데이트 버튼 한번만 눌러봅시다.

[잡담]사이트 브라우저 통계

웹미니 사이트(http://www.webmini.net)에 들어오는 브라우저 통계를 보니, 아직도 IE6 사용자가 대부분이었다.

56%

아직도 IE6을 사용하는 이유는 무엇일까?
윈도우7이 출시되면서 IE8 이 탑재되어있는데, 윈도우7 출시로 인해 IE6 사용자가 대거 줄었으면 좋겠다.

업데이트 하지 않는 사용자는 자기컴 바이러스 검사는 잘하는 사람들일까..

[CSS]IE6 스타핵으로 png 배경으로 적용시 링크가 안먹힐때

png 를 배경으로 할경우 익스6에서는 png를 지원하지 않기에 스타핵이나 언더바핵으로 png를 css에서 처리해주었습니다. 하지만 배경위에 텍스트나 이미지에 링크값이 들어갈경우 익스6에서 링크가 안먹히게 됩니다.
이럴경우 해당 링크 즉 png 배경위에 링크 부분에 position:relative; 를 주시면 해결됩니다.
(이미지가 겹치는 부분만 링크가 안먹힙니다.)

ex)

css 소스
* html #png {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img.png',sizingMethod='crop'); }



<div id="#png"><a href="http://www.webmini.net" style="position:relative;" >웹미니 바로가기</a>

위와 같이 a 태그 안에 style에 position:relative; 를 추가해주시면 됩니다.
물론 class 로 불러와도 되며, 아래와 같이 해당 id 값 a 링크부분에 정의를 해주셔도 됩니다.

#png a {position:relative;}

해당 png 안에 있는 모든 a 태그는 전부 적용이 되는 형식입니다.

익스6이 사라지는 그날까지...

 

[CSS]IE6 스타핵에서 띄어쓰기

크로스브라우징을 위해 CSS hack 를 사용할때가 종종 있습니다.

IE6 용으로는 스타핵을 사용합니다. ex)* #footer
어떤사람은 *html 이렇게 붙혀서 사용하고, 또 어떤사람은 * html 이렇게 띄어서 사용합니다.
과연 차이점이 뭘까요?

http://jigsaw.w3.org/css-validator/

위에서 CSS 체크를 해보면 *html 는 error 로 잡고, * html 은 error 로 잡지 않습니다.
하지만, IE6에서 결과값은 같습니다.

'CSS 마스터 전략' 에서는 * html 이렇게 띄어쓰는걸로 나와있습니다.

그렇다면 에러로 안잡는 * html 요게 맞다는 얘기인데..
마찬가지로 IE6 전용 '언더바핵'도 error 로 잡습니다. ex)_margin:10px;
언더바핵보다는 스타핵이 소스가 조금더 길어진다는 부분을 빼고는 스타핵을 사용하는게 더 좋을듯 싶네요.
제일 좋은건 핵을 사용안하는것과 IE6이 세상에 없어지는게 베스트긴 하겠지만요.^^

핵을 사용할때도 정확히 알고 사용해야겠다는 생각이 드는군요..
여러분들은 어떻게 사용하셨나요?

[Javascript]png 으로 저장시 IE6에서 투명안될때

png으로 저장시 IE7과 FF에서는 png 지원이 되지만, IE6에서는 투명으로 빠지지 않습니다.
그럴때 아래와 같이 하시면 됩니다.

 

스타일시트 정의

 

<style type="text/css">
<!--
.png24 {
  tmp:expression(setPng24(this));
}
-->
</style>

 

 

javascript 정의

<script type="text/javascript">
<!--
function setPng24(obj) {
  obj.width=obj.height=1;
  obj.className=obj.className.replace(/\bpng24\b/i,'');
  obj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ obj.src +"',sizingMethod='image');"
  obj.src='';  
  return '';
}
-->
</script>

 

 

해당 png 이미지에 class 추가

 

<img src="이미지경로" alt="" class="png24">

단 css 백그라운드시 적용이 되지 않으며, 이미지맵또한 지원이 안됩니다.

[CSS]IE에서 Float-Margin Bug

IE(특히 IE6) 에서 flaot와 margin의 방향이 같은 경우 margin값이 2배로 해석될때가 있습니다.

즉 css안에

float:left; margin-left:10px;

혹은

float:left; margin:0 0 0 10px;

위와 같을경우 왼쪽으로 마진값이 20px 로 적용되는 버그가 있습니다.
그럴때는 display: inline; 을 추가해주시면 됩니다.

예)  {display:inline; float:left; margin-left:10px;}