IE6 No More에 동참!

사용자 삽입 이미지

Internet Explorer 6은 인터넷 세상을 좀먹는 벌레다.

Active X나 웹표준 미준수 운운하는 거창한 얘기를 하지 않더라도, FF3, IE8, 크롬, 오페라 등에서 똑같이 보이는 페이지가 유독 IE6에서만 병신처럼 보이는 꼴은 마치 현재의 대한민국이 자유민주주의국가라는 얘기같다.

이제 IE6에 대한 공식적인 거부운동이 여기저기서 시작되었더라.
나도 IE6 No More에 동참한다.

이제부터 IE6 및 그 이하의 버전의 웹브라우저를 사용하시는 분들은 아래와 같은 따뜻한 문구를 만나실 수 있다.
제발 우리나라의 그 무식하리만치 높은 IE6의 점유율이 좀 줄어들었으면 좋겠다.

사용자 삽입 이미지

IE6에서는 이런 따뜻한 문구를 보실 수 있습니다. ^^;


덧, IE6 No More에 동참하고 싶은 브로거는 적절한 위치에 아래의 코드를 삽입하면 된다.

<!--[if lt IE 7]>
<div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;'>
  <div style='position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;'><a href='#' onclick='javascript:this.parentNode.parentNode.style.display="none"; return false;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg' style='border: none;' alt='Close this notice'/></a></div>
  <div style='width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'>
    <div style='width: 75px; float: left;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt='Warning!'/></div>
    <div style='width: 275px; float: left; font-family: Arial, sans-serif;'>
      <div style='font-size: 13px; font-weight: bold; margin-top: 12px;'>구닥다리 웹브라우저를 사용하시는군요!</div>
      <div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>본 사이트를 원활하게 보실 수 있도록 웹브라우저를 업데이트 하세요.</div>
    </div>
    <div style='width: 75px; float: left;'><a href='http://www.firefox.com' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg' style='border: none;' alt='Get Firefox 3.5'/></a></div>
    <div style='width: 75px; float: left;'><a href='http://www.browserforthebetter.com/download.html' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg' style='border: none;' alt='Get Internet Explorer 8'/></a></div>
    <div style='width: 73px; float: left;'><a href='http://www.apple.com/safari/download/' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg' style='border: none;' alt='Get Safari 4'/></a></div>
    <div style='float: left;'><a href='http://www.google.com/chrome' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg' style='border: none;' alt='Get Google Chrome'/></a></div>
  </div>
</div>
<![endif]-->