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 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ş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.

28 Yorum (Yorum Ekle)

fatih.hayrioglu diyor ki:

Temmuz 1, 2008, 13:46

bu bölümü Firefox yorumlamıyor zaten sadece ie yorumluyor

Cevapla

KaraSancak diyor ki:

Haziran 30, 2008, 17:27

Bilgiler için gerçekten teşekkürler ama bunu firefox destekliyor mu? Özellikle 3. sürümü için soruyorum…

Cevapla

kemal diyor ki:

Şubat 12, 2008, 12:48

Bana gerçekten yararı çok oldu…
Çok tesekkür ederim ellerinize salık.

Cevapla

Alico diyor ki:

Aralık 29, 2006, 10:52

Bende geçenlerde OpenCube son version olan Full css menü yapan programından çıktı alınca hep bu kodlardan üretmişti. Dim lenmiş bu alanların ne anlamı var deyip siliyordum bu seferde IE de çalışmıyordu :).En sonunda yazmış olduğu JS kodu sanırım burayı okuyup IE’ ye şart koşuyor demiştim. Ama kafamda soru işaretleri devam ediyorduki artık bu yazı ile kalmadı. teşekkürler…

Cevapla