CSS ie internet explorer Hata Ayıklama Şartlı Yorumlar Kullanmak

tarih27.03.2009 10:37 — CSS, Webmaster,



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]>
<p>Bu kod Interner Explorer 5 ve üzeri versiyonlarda çalışır. </p>
<! [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 5.5]>
<style type="text/css">
a:link, a:visited, a:active { text-decoration: none; }
</style>
<![endif]–>

Bu kod ile sadece IE 5.5 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 5.500]>
<style type="text/css">
a:link, a:visited, a:active { text-decoration: none; }
</style>
<![endif]–>


Bu kod ile sadece IE5.5′de 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ÅŸist <!–[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.Yukarıdaki kodlar sayesinde firefoxda baÅŸka ie6 da farklı çıkan sonuçları düzenleyebilirsiniz.Yine bu kodlar sayesinde ie6 için farklı css kodları firefox için farklı css kodlarını aynı id class'lar için kullanabilirsiniz.







CSS,

Yorum Yazın