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

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.



Etiketler: CSS

İlk yorumu siz yazın !..

  • Yorumunuz en az 30 karakter olmalıdır. (0)
İlginizi çekebilir...
Sitede Ara
  • Genel İşletme 1. Dönem Vize Soruları
    soru 3 şıklarında yanlışlık vardır tüketim ve hizmet aynı kapasitede yer alıp ikisi de cevap kabul edil...
  • Türkiye Ekonomisi 1. ve 9. Üniteler Ders Notları
    çok iyi baya işime yaradı cidden...
  • Etkileyici Whatsapp Durum (Hakkımda) Sözleri
    Ben bunların hiçbirini beğenmedim ...
  • Aöf (Açıköğretim Fakültesi) Telefon Numarası
    Merhaba benim 2008 yılında aöf işletmeye kaydım oldu ve uzun sure sonra şuan 23 ekime kadar ben tekrar ...
  • 1 dakikalık Saygı Duruşu ve İstiklal Marşı indir (Video ve MP3)
    teşekkürler emeğine sağlık çok güzel olmuş...
  • Vodafone Elazığ Çağrı Merkezi Müşteri Hizmetleri Yetkilisi İş Başvurusu
    Ise alındınızmi bilgi verirmisiniz ...
  • Volkswagen - Skoda Golf Passat Koltuk Başlığı Nasıl Çıkarılır?
    Teşekkürler. Böyle sistem mi olur a... oldu olacak aşağıya inip kaputun içinden kol falan cekelim...