IE’de Hata Ayıklamak için şartlı Yorumlar Kullanmak
CSS ile web sitesi kodlamanın en büyük sorunu CSS’in özelliklerini yorumlayamayan veya yanlış yorumlayan web tarayıcılarıdır. Bu nedenle CSS ile web sitesi kodlarken bu tip hataları ayıklamamız gerekiyor. CSS ile hata ayıklama web tarayıcı gruplarının veya bir kısım web tarayıcısı için kuralları veya bildirimleri gizlemek veya göstermek şeklinde uygulanır.
CSS kuralları ve bildirimlerini gizlemek için bazı yöntemler mevcuttur. Biz bunlardan şartlı Yorumların kullanımını öğreneceğiz. şartlı Yorumlar Internet Explorer 5 versiyonu ile birlikte kullanılmaya başlanmıştır. şartlı Yorumlar xhtml kodunun yorumlanıp yorumlanmayacağını belirler.
<!--[if IE]> Bu kod Interner Explorer 5 ve üzeri versiyonlarda çalışır. <![endif]-->
Bu kodlama bizim bir çok hatayı ayıklamamız için biçilmiş kaftandır. Ayrıca şartlı komutlar bize versiyon farklılıklarına göre kod yazmamızıda sağlar
<!--[if IE 6]>
<style type='text/css'>
a:link, a:visited, a:active { text-decoration: none; }
</style>
<![endif]-->
Bu kod ile sadece IE 6 versiyonunda linklerin altının çizilmesini engellemiş oluyoruz.
Eğer bir kuralı yugulamka istiyor isek ve bu kuralı belli bir web tarayıcısından gizlemek istediğimiz durumlarda şartlı Komuta (!) operatörünü ekleyerek bunu sağlayabiliriz.
<!--[if !IE 6]>
<style type='text/css'>
a:link, a:visited, a:active { text-decoration: none; }
</style>
<![endif]-->
Bu kod ile sadece IE6′da bu kodun uygulanmasını engelledik.
Bunun gibi başka işlevsel operatörlerde mevcuttur.
| Operatör | Açıklama | Örnek |
|---|---|---|
| gt | - den büyük | <!–[if IE gt 5.5]> |
| gte | - den büyük veya eşit | <!–[if IE gte 5.5]> |
| lt | - den küçük | <!–[if IE lt 5.5]> |
| lte | - den küçük veya eşit | <!–[if IE lte 5.5]> |
| ! | değilse | <!–[if !IE 5.5]> |
<!--[if lt IE 6]>
<style type="text/css">
@import ("ie.css");
</style>
<![endif]–>
Birçok hata ayıklama metodunda şartlı Komutlar kullanılabilir.
[...] IE’de Hata Ayıklamak için şartlı Yorumlar Kullanmak [...]
[...] Kaynak [...]
[...] IE’de Hata Ayıklamak için şartlı Yorumlar Kullanmak adlı makalede bahsettiğimiz gibi "CSS ile web sitesi kodlamanın en büyük sorunu CSS’in özelliklerini yorumlayamayan veya yanlış yorumlayan web tarayıcılarıdır. Bu nedenle CSS ile web sitesi kodlarken bu tip hataları ayıklamamız gerekiyor. CSS ile hata ayıklama web tarayıcı gruplarının veya bir kısım web tarayıcısı için kuralları veya bildirimleri gizlemek veya göstermek şeklinde uygulanır." [...]
merha sizin siteniz dahil benim sitem de bazı image’ler görüntülenmiyor ie6′da . ie 7 ve üzeri,tüm firefoxlarda sorun yok. Nasıl çözebiliriz?
Tşk
bu sayfadaki iki mage goruntulenmiyor ie6′da.
REsimlerin yolu yanlış hiç bir yerde görünmüyor
[...] o tarayıcının gördüğü kod bloğu içinde ona göre kod yazarız. Burada birinci yöntemi(IE’de Hata Ayıklamak için şartlı Yorumlar Kullanmak) daha önce anlatmıştık. Bu yazımızda kod içindeki css düzeltmelerinden [...]
Zaten Dean Edwards’ın IE7.js betiği de böyle bir kşullama ile çağrılıyor:
<!– [if lt IE 7]>
<script src="IE7.js"></script>
<![endif]–>
Genelde PNG hatalarını düzeltmek için kullanıyor ve tavsiye ediyorum.
@tansu karakterlerin ne anlama geldiğinin makalenin sonunda yazdım. Ancak bir sorun olmuş kodlar birbrine girmişti düzelttim.
bu karakterde ne demek yahu ?
Sayın hocam merhaba. http://www.suleymanbeyler.com web sitemde bir hafta önce çalışan (İE6 ve İE7 ) web sitem şimdi sadece Mozilla Firefox’da çalışıyor diğer İE tarayıcılarda tam açılmıyor. Özellikle yan menülerde sıkıntılar var. Nedenini öğrenemedim. Doğrusu bu işten fazla anladığım söylenemez. Yazılarınızdan bu konunun uzmanı olduğunuzu düşünerek size yazma zorunluluğu hissettim. Yardımlarınızı bekliyorum.
slm arkadaşlar bununla ilgili daha detaylı ve güzel kendi kaynağından
http://msdn.microsoft.com/en-us/library/ms537512(VS.85).aspx