Merhabalar. Bugün sizlere tarayıcılara göre ayrı CSS kodlaması hakkında biraz bilgi vermek istiyorum. Bildiğiniz gibi sitemizi kodladığımızda mutlaka ufak tefek hatalar çıkar. Bunları hangi tarayıcıyla bakıyorsak ona göre ayarlar veririz. Yalnız başka bir tarayıcıdan baktığımızda hala düzelmemiş veya daha bozuk olduğunu görürüz. Örneğin firefox‘da padding-left komutu ile yazımıza 2px uzaklık verdik diyelim. Firefox‘dan açtığımızda bir problem yok fakat internet explorer’da var. İşte burda aşağıdaki dosya devreye giriyor. (Bu verdiğim sadece bir örnek gerçek değil)

Buraya tıklayarak gerekli javascript‘imizi indirelim. İndirdikten sonra bir kaç deneme yapalım. Bunun için dosyamızı yani bir html dosyası açalım ve aşağıdaki kod ile javascript kodumuzu html dosyamıza gömelim.

<script src=”css_browser_selector.js” type=”text/javascript”></script>

Kodumuzu yazdıktan sonra bize kodlamada kullanacağımız tarayıcı isimleri lazım olacak. Bunlar ise şöyle;

gecko : Mozilla Firefox
ie : Internet Explorer Tüm versiyonlar için
ie5 : Internet Explorer 5.x versiyonu
ie6 : Internet Explorer 6.x versiyonu
opera8 : Opera 8.x versiyonu
opera9 : Opera 9.x versiyonu
safari : safari

İşletim sistemleri için bile kodlarımız var

win : Microsoft Windows
linux : Linux (x11 ve linux)
mac : Mac OS

Bunları artık biliyoruz. Şimdi bir örnekle yazdıklarımızı uygulama vakti geldi. Aşağıda bir yazı rengini belirleyeceğiz.

Firefox için ;
.gecko h1 {color: #000000;} 

Internet Explorer için ;
.ie h1 {color: #AAAAAA;}

Yazdığımız kod ile firefox’da yazımızı siyah renkte gösterirken internet explorer’da ise gri renkte gösterdik.

Şimdilik bukadar. Sormak istediğiniz sorular olursa yorum yazarak belirtebilirsiniz. Esen kalın