IE6 kullanıcılarının sayısı günümüzde pek de az sayılmaz. IE6 kullanımının ise bilinçsizlikten kaynaklandığını düşünüyorum. XP kurulumunda gelmesi de kullanımını artırıyor tabi. Bilmeyen insana anlat anlatabilirsen IE6′yı (: Fantazi olsun diye IE6 kullanan insanlar da yok mu, var tabi (: Niye istenmiyor peki bu IE6 ? Bunun nedeni CSS ve XHTML standartlarını umursamaması. IE7+, Firefox, Chrome gibi tarayıcılarda sorunsuz görülen bir CSS tasarımınız IE6′da felaket bir şekilde gözükebiliyor.

Bizlere bu konuda düşen ise ziyaretçiyi bilinçlendirmek. IE No More sitesinin düzenlediği kampanya ile bilinçlendirme çalışmaları başlamış diyebiliriz. Aşağıdaki kodu sitenize ekleyerek IE7 sürümünden daha düşük bir sürümle sitenize giren ziyaretçiye uyarı gösterebileceksiniz.

<!–[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=’Bu uyarıyı kapat’/></a></div>
<div style=’width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;’>
<div style=’width: 60px; float: left;’><img src=’http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg’ alt=’Uyarı!’/></div>
<div style=’width: 320px; float: left; font-family: Arial, sans-serif;’>
<div style=’font-size: 14px; font-weight: bold; margin-top: 12px;’>Güncel olmayan bir tarayıcı kullanıyorsunuz</div>
<div style=’font-size: 12px; margin-top: 6px; line-height: 12px;’>Bu siteyi kullanırken daha iyi bir deneyim için, lütfen web tarayıcınızı güncel bir sürüme yükseltiniz.</div>
</p></div>
<div style=’width: 65px; float: left;’><a rel=”nofollow” href=’http://www.firefox.com’ target=’_blank’><img src=’http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg’ style=’border: none;’ alt=’Firefox 3.5 Yükleyin’/></a></div>
<div style=’width: 65px; float: left;’><a rel=”nofollow” href=’http://www.browserforthebetter.com/download.html’ target=’_blank’><img src=’http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg’ style=’border: none;’ alt=”Internet Explorer 8′e Yükseltin”/></a></div>
<div style=’width: 63px; float: left;’><a rel=”nofollow” href=’http://www.apple.com/safari/download/’ target=’_blank’><img src=’http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg’ style=’border: none;’ alt=’Safari 4 Yükleyin’/></a></div>
<div style=’float: left;’><a rel=”nofollow” href=’http://www.google.com/chrome’ target=’_blank’><img src=’http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg’ style=’border: none;’ alt=’Google Chrome Yükleyin’/></a></div>
</div>
</div>
<![endif]–>

Uyarımızın görüntüsü ise şu şekilde oluyor..