CSS Dosyalarının Internet Explorer İle Uyumunu Sağlamak
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: 22% [?]
Sphere: ilgili konular.