CSS Dosyalarının Internet Explorer İle Uyumunu Sağlamak
Mart 14, 2008 tarihinde HTML-XHTML-CSS kategorisine eklendi | Yorum yok
Sayfalarınız için hazırladığınız bir CSS şablonu her tarayıcıda aynı görüntüyü vermeyebilir. Bu farklılık daha çok FireFox ve Internet Explorer arasında yaşanır. Bu durumu düzeltmek için öncelikle hatasız CSS dosyaları düzenlemenin yanında ayrı bir dosya hazırlanarak sorun giderilebilir. Bunun için aşağıdaki kodlar <head></head> etiketleri arasına yazılır;
<!--[if IE]>
<link rel=”stylesheet” type=”text/css” href=”all-ie.css” />
<![endif]–>
Yukarıdaki ifade tüm IE sürümleri için geçerli stil dosyasını tarayıcıya tanımlar. IE için düzeltmeler yaptığımız kodları “all-ie.css” dosyasına kaydetmemiz yeterli olacaktır. Aynı işlem için kullanılabilecek diğer ifadeler ki farklı sürümlerde oluşacak bozulmalar için;
<!--[if IE 5.0]>
<link rel=”stylesheet” type=”text/css” href=”ie-5.css” />
<![endif]–>
<!--[if IE 6]>
<link rel=”stylesheet” type=”text/css” href=”ie-6.css” />
<![endif]–>
<!--[if IE 7]>
<link rel=”stylesheet” type=”text/css” href=”ie-7.css” />
<![endif]–>
her sürüm için farklı dosyalar hazırlayarak ve bunları yukarıdaki gibi tanımlayarak bozulmalar giderilebilir.
Bunlara ek olarak, iki farklı sürüm için aynı stil dosyasını tanımlamak için;
<!--[if IE lt 6]>
<link rel=”stylesheet” type=”text/css” href=”ie-5.0+6.0.css” />
<![endif]–>
tanımlaması kullanılabilir. IE’nin FF’a oranla daha yoğun kullanıldığı düşünüldüğünde bu tür uygulamaları yapmak sitemiz için yararlı olacaktır. Diğer yaygın kullanıma sahip tarayıcılardan Opera ise hatasız bir CSS dosyası için sorun çıkarmayacakır.
Bu yazının Popülerliği: 32% [?]
Yorum Yapın