Internet Explorer’ın Web Standartlarına Uymasını Sağlayın

8 Yorum

Internet Explorer bana göre Microsoft‘un kendi kafasına göre yaptığı standartları destekleyen, web standartlarını doğru düzgün desteklemeyen ve desteklese de bir sürü hata ile web tasarımcıların kafasını bozan aptal bir tarayıcıdır. Tamam belki de sıradan bir kullanıcı için bu kelimeler pek bir anlam ifade etmeyebilir. Fakat web standartlarına uygun site/uygulama yapmaya çalışan ve Internet Explorer yüzünden kafayı yeme noktasına gelen web tasarımcıları/geliştiricileri ne demek istediğimi anlayıp bana hak verecektir. xD

Eee Peki Ne Yapabiliriz?

Birazdan kullanımını anlatacağım Dean Edwards‘ın 22KB’lik IE7 adlı Javascript betiği sayesinde Internet Explorer 6 ve aşağı sürümlerinin(5, 5.5 sürümleri) daha fazla web standartlarına uymasını sağlayabilirsiniz.

Bu betik sayesinde Internet Explorer 6 ve aşağı sürümlerinde her element üzerinde CSS ile :hover, :focus, :active gibi pseudo sınıf ve elementlerini kullanabilecek, şeffaf PNG dosyalarını farklı bir Javascript betiği veya CSS hilesine ihtiyaç duymadan kullanabilecek, W3C kutu modelini standart ve garip(quirks mode) modlarının her ikisinde de kullanabileceksiniz.

Bunlar betiğin ilk göze çarpan özellikleri idi. Daha detaylı bilgiye buradan erişebilirsiniz.

Kullanım Kılavuzu

İlk adım olarak IE7_0_9.ZIP dosyasını buradan indirip kullanmak istediğiniz çalışmanızdaki dosya klasörüne atıyorsunuz ve bütün dosyaların ie7 klasöründe olduğundan emin olun(bakınız). Eğer dosyaları farklı bir klasöre atacak olursanız, bir sonraki adımda belirttiğim yolu değiştirmelisiniz.

Sonra bu betiği kullanmak için aşağıdaki kodu meta etiketlerinin hemen sonrasına(eğer sonrasına yerleştirmezseniz bizarre bug denilen bir hata ile karşılaşabilirsiniz) yerleştirin.

<!--[if lt IE 7]>
<script src="/ie7/ie7-standard-p.js" type="text/javascript">
</script>
<![endif]-->

Bu noktada dikkat edecek olursanız Conditional Comments denilen şartlı HTML yorumları ile Internet Explorer 7′nin aşağısındaki sürümlerde(6, 5.5, 5) bu betiğin yüklenmesini söyledik. Böylece sadece Internet Explorer 5, 5.5 ve 6′da bu betik çalışacak. Bu betiğin Internet Explorer 7′de çalışmasının pek bir anlamı yok. Zira Internet Explorer 7 zaten web standartlarını destekliyor. Ayrıca bu şartlı yorumların kullanımını daha sonra ayrıntılı olarak anlatmayı düşünüyorum.

Şeffaf PNG’lerin Kullanımına Dair Küçük Bir Not

Şeffaf PNG dosyalarını kullanırken dosya isimlerinizin sonuna -trans eklemeyi unutmayın. Örneğin elimizde deneme.png adlı dosya var ise deneme-trans.png olarak değiştirmelisiniz.

Sonuç

Son olarak sizin için bir örnek hazırladım(Internet Explorer 6′da betik aktifken bakın ve bir de betik pasifken bakın). Artık web standartlarını daha fazla destekleyen bir Internet Explorer’ımız oldu.

Tarih: 18 Eylül 2007 13:37
Geri İzleme Yap
Kategori: Css, Html/Xhtml, Web Tasarım
Bu Yazıyı Paylaş

Yorumlar

Bu yazı hakkında 8 yorum yazıldı. Yorumları RSS üzerinden de takip edebilirsiniz. Siz de yorum yazmak ister misiniz?

Uzun bir ara vermistin Fatih, güzel bir yaziyla dönmüssün.

metsatoll → http://www.gabfire.com 18 Eylül 2007 19:45
“Internet Explorer bana göre Microsoft‘un kendi kafasına göre yaptığı standartları destekleyen, web standartlarını doğru düzgün desteklemeyen ve desteklese de bir sürü hata ile web tasarımcıların kafasını bozan aptal bir tarayıcıdır.”

Benim adıma, hatta bizim adımıza da konuşabilirsin ;)

Soner → http://deepinn.com 19 Eylül 2007 04:03
bana kalsaydı, ben bol küfür içerikli bir tanım yapardım. iyi ki bana kalmamış. hoş yakında kalacak, web tasarımla ilgili herhangi bir yazı yazarken micro$oft internet explorer’ın kulağını çınlatmamak mümkün değil. gerçi kulağı olduğu da şüpheli. bu zamana kadar sesimizi duyması gerekirdi. sinirlendim yine. pis sinirlendim hem de.

HastaRuh 10 Ekim 2007 01:20
Birşey daha var: sinirlenmek asla çözüm getirmiyor. :) Internet Explorer’a özgü hataları çözmek için sakin bir kafa ve biraz da sabır gerekiyor.

fatihturan → http://www.fatihturan.com 10 Ekim 2007 17:49
IE7 adlı Javascript betiği fatih bu dosyanın tam linkini bi verirmisin ara ara bulamadım :S

ergin 10 Ekim 2007 22:03
Ergin buradan indirebilirsin o dosyayı. :)

fatihturan → http://www.fatihturan.com 11 Ekim 2007 18:48
png transparan olayını resime değilde css ile bir nesneye uygularsak nesnenin içine eklediğimiz linkler çalışmıyor ama transparan olayına hiç bir sorun yok :(

mvsty 05 Aralık 2007 00:01
@mvsty: Doğrudur. O mesele için ben de kalıcı bir çözüm bulabilmiş değilim şu ana kadar. Fakat bulunca hemen burada çözüm ile alakalı bir yazı yazabilirim. ;)

fatihturan → http://www.fatihturan.com 05 Aralık 2007 12:50

Reaksiyonlar

Bu yazı hakkında 1 pingback ve 0 trackback yapıldı.

Fatih Hayrioğlu’nun not defteri » Haftalık haberler

Yorum Yaz

Yorum yazabilmeniz için adınız, soyadınız ve e-posta adresinizi mutlaka girmeniz gerekiyor. E-posta adresiniz burada gösterilmeyecektir.

Lütfen yorumunuzu yazdıkdan sonra önizleme düğmesine basıp yazım hatalarınızı kontrol edin. Konu ile alakasız ve çok fazla yazım hatası bulunan yorumlar onaylanmayacaktır.