Farklı Tarayıcılar için CSS
CSS ile yapılan tasarımlarda en büyük sıkıntı css kodlarının tarayıcılar tarafından farklı yorumlanmasıdır.
Bir web sitesi tasarlanırken farklı tarayıcılar ile bu web sitesi test edilmelidir. Hatta farklı tarayıcılar için farklı css sayfaları oluşturulup tarayıcıya göre o tarayıcıya özel css sayfası devreye sokulmalıdır.
Farklı tarayıcıya göre farklı css sayfası çağırmak için if yapısı kullanmak gerekir.
İlk olarak kullanıcının tarayıcısını öğrenip if veya case ile css çağırma işlemi yapılabilir diye düşündüm ama internette daha pratik gibi bir yöntem var.
Bu yöntem css sayfasının çağrılması sırasında if komutunun kullanılması. Herhangi bir dile gerek kalmadan html ile uygulanabilen bir yöntem.
Yazımı aşağıdaki gibi:
<!–[if IE 6]>
<link rel=”stylesheet” type=”text/css” href=”/tema/cssler/ie6-icin.css” />
<![endif]–>
Yukarıdai örnek internet explorer 6.0 tarayıcı için uygun css sayfasını çağrıyor.
Aşağıda bu konuda yardımcı olabilecek bir kaç link var.
Bu örnekte css sayfaları ve css’i kullanan sayfa tam olarak verilmiş.
Bu örnekte de biraz daha karmaşık bir if yapısı kullanılmış.
Not: if yapısı ile firefox tarayıcılar belirtilemiyor.
o kadar çok güncelleme değişiklik yapılıyor ki bi tarayıcıda düzgün gözüken ötekinde bouluyor. nasıl olacak bilemiyorum
Dünyada web standartlarını belirleyen bir birlik var.
w3.org (World Wide Web Consortium) web teknolojileri ile ilgili standartları belirliyor. Mozilla Firefox ise en başından beri bu w3 standartları dikkate alınarak tasarlanmakta.
Yazdığınız kod için en doğru sonucu görmek istiyorsanız FF kullanmalısınız. Malesef IE daha yaygın ve bu nedenle Firefox’a göre güçlü ama güçlü olan haklıdır/doğrudur demek değildir.
İnteneti biraz karıştırdıktan sonra bazı sonuçlara ulaştım:
http://www.conditional-css.com/ adresinde bir sunucu eklentisi ile tarayıcı türüne göre CSS tanımlanabiliyor.
Aşağıdaki adreste javascript kullanarak tarayıcıya uygun CSS dosyası sayfaya dahil edilmiş (include).
http://www.namepros.com/programming/100705-javascript-conditional-firefox-css.html
Evet verdiğiniz linklerde bi takım kolaylıklar var ama genede yeterli değil gibi geldi, mesela http://www.conditional-css.com/ bu adresteki kod çalısmadı bilmiyorum siz denedinizmi? javascripte gelince onu henüz deneme şansı bulamadım. Tarayıcı seçenekleri çoğaldı işler iyice zorlastı, yaptıgın işleri bütün browserlarda denemek ayrı bi zahmet bu iş git gide ciddi bi problem olmaya basladı sanki. Son zamanlarda bu dertten yakınan cok kişi var
Paylaşım için teşekkürler
Hocam En Çok Zorlandığım ve uyuz olduğum konulardan biri şu tarayıcı farklılığı ie de farklı firefoxta farklı görünüyor sitem dediklerinizi uygulayarak ve önerdiğinizz siteleri kjontrol ederek bir şelerr yapıcamm artıkk paylaşım için teşekkürlerr ellerinizee sağlık
Paylaşım için teşekkurler