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
Kategori: Css, Web Tasarım, Xhtml

Yorumlar

Bu yazı hakkında toplam 9 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
- 18 Eylül 2007 19:45
- Kalıcı Bağlantı
“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
- 19 Eylül 2007 04:03
- Kalıcı Bağlantı
[…] Fatih Turan’dan " Internet Explorer’ın Web Standartlarına Uymasını Sağlayın" isimli güzel bir makale. Link […]
- Fatih Hayrioğlu’nun not defteri » Haftalık haberler
- 25 Eylül 2007 23:03
- Kalıcı Bağlantı
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
- Kalıcı Bağlantı
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
- 10 Ekim 2007 17:49
- Kalıcı Bağlantı
IE7 adlı Javascript betiği fatih bu dosyanın tam linkini bi verirmisin ara ara bulamadım :S
- ergin
- 10 Ekim 2007 22:03
- Kalıcı Bağlantı
Ergin buradan indirebilirsin o dosyayı. :)
- fatihturan
- 11 Ekim 2007 18:48
- Kalıcı Bağlantı
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
- Kalıcı Bağlantı
@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
- 05 Aralık 2007 12:50
- Kalıcı Bağlantı

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 ardından yazım hatalarınızı kontrol edin. Konu ile alakasız ve çok fazla yazım hatası bulunan yorumlar onaylanmayacaktır.

Kenar Notu Rss

DW, FW ve SoundBooth Beta Çıktı

Adobe, Dreamweaver, Fireworks ve SoundBooth programlarının beta sürümlerini yayınladı. Bu programların yanısıra Photoshop ve Illustrator'u da beklerdim ama demekki hazır değiller. Her üç programı da Adobe Labs'dan indirebilirsiniz.