demek istedigim su ie 6 7 sürümlerinde hersey ic ice giriyor. bunu nasil butun tarayıcılarda uyumlu yapabiliriz. ekran boyutunda site karisiyor. boyutlar degisse bile site ic icer girmesin. herhangi bi kod var mi.
ie - Internet Explorer (All versions)
ie8 - Internet Explorer 8.x
ie7 - Internet Explorer 7.x
ie6 - Internet Explorer 6.x
ie5 - Internet Explorer 5.x
gecko - Mozilla, Firefox (all versions), Camino
ff2 - Firefox 2
ff3 - Firefox 3
ff3_5 - Firefox 3.5
ff3_6 - Firefox 3.6 new
opera - Opera (All versions)
opera8 - Opera 8.x
opera9 - Opera 9.x
opera10 - Opera 10.x
soyle bise yazilmis bu ise yarar mi ?
CSS tarayıcı seçici ( CSS Browser Selector) ne işe yarar?
Siteyi oluştururken tüm stilleri sıfırladık ve kullanıma uygun hale getirdik. Fakat kendi oluşturmuş olduğumuz css kodları yinede farklı tarayıcılarda farklı sonuçlar verebilmektedir. Bu gibi durumlarda imdadımıza CSS Browser Selector yetişiyor ve her tarayıcı için ayrı ayrı style tanımlamaları yapabilmemizi sağlıyor.
Nasıl Kullanılır ?
Öncelikle buradan indireceğiniz css_browser_selector.js (v0.3.4 – 29 eylül 2009) javascript dosyasını, sitenizin dosyaları içine atınız.
Daha sonra web sayfanızın;
...
etiketleri arasına,
<script></script>
kodlarını yapıştırın. Böylece sayfanıza kullanacağımız javascript kütüphanesini yüklemiş oluyoruz…
Artık tek yapmamız gereken CSS bloklarımızı oluştururken, bloğun başında tarayıcı kodunu yazmak.
Basit bir örnekle açıklayalım…
.kutu { border:1px solid #F00; background:#999; padding:5px; }
.ie .kutu { padding:10px; }
.chrome .kutu { border:4px solid #F00; }
Yukarıdaki css kodlarını incelediğimizde, kutu isminde bir class’ımız var.
İlk satırdaki kod bize şunu anlatıyor, bu class’ı atadığımız div’ler kırmızı 1 piksel kenarlıklı, gri zeminli ve 5 piksel iç kenar boşluklu şekilde görünecek. Bu tüm tarayıcılar için geçerlidir.
İkinci satırı incelersek, internet explorer’da kutu class’ı atanmış bu div yukarıdaki özellikleri taşımasının yanı sıra iç kenar boşlukları 5 piksel değilde 10 piksel olacağını görüyoruz.
Üçüncü satırda ise Chrome tarayıcısında kenarlığın 4 piksel genişliğinde olması belirtilmiştir.
