IE6, IE7 ve Firefox için tek satırda ayrı ayrı CSS hileleri

by Uğur Çelenk 20. Aralık 2008 01:10

Ziyaretçinin kullandığı browsera göre ayrı bir css dosyası kullandırma yöntemi herzaman bana iyi ve pratik bir çözüm olarak gelmemiştir. Bunun yerine uzun zamandır kullandığım bir hileden(trick) bahsedeceğim.

2 özel karakterimiz var. Bunlar  # ve _ karakterleri. Bu karakterler, önlerine geldiği özelliğin(property) hangi browser için uygulanacağını belirler. Bir örnek üzerinde açıklayalım :

#divDeneme {
padding: 0px 0 20px 40px; /* Tüm browserlar için çalışacaktır */
#padding:0px; /* FireFox görmeyecek ama IE 7 ve IE6'da çalışacaktır */
_margin: 10px 0 0 30px; /* FireFox ve IE7 görmeyecek ama IE 6'da çalışacaktır */
}

Yorumlar

20.12.2008 02:01:36 #

İlk bahsettiğin yöntem bana da hiç sıcak gelmiyor ancak yazıda bahsettiğin yöntemi kullanınca da ortaya çıkan css dosyası w3c doğrulamasından geçemiyor maalesef.. Eğer xhtml ve css kodum valid olsun, ben öyle mutlu oluyorum diyen arkadaşlar varsa onlara ufak bir bilgilendirme yapayım dedim Smile

Gürkan OLUÇ | Yanıtla

20.12.2008 02:11:31 #

@Gürkan Oluç, teşekkürler bilgilendirme için, validasyon olayını yazının sonuna eklemem gerekirdi Smile
Benim görüşüm xhtml validasyonundan sorunsuz geçmesi ama CSS için kontrol etmiyorum bile, ek bir css dosyası kullanmanın daha çok dezavantajı olabilir diye düşünüyorum.


(Bu arada ne kadar W3C bağımlısı olsam da, niye bu konuda bu kadar takıntılı olduğumuza da anlam veremiyorum. Bkz. http://validator.w3.org/check?uri=http://www.google.com&charset=(detect+automatically)&doctype=Inline&group=0 )

Ugur Celenk | Yanıtla

20.12.2008 02:19:14 #

_deger olan kullanım şekli Gürkanın dediği gibi her ne kadar W3 için patlıyor olsa da. Bazı zamanlar kullanmadan duramıyorum. Tembellik işte Smile

Oğuzcan Şahin | Yanıtla

20.06.2009 03:16:38 #

Murat

Merhaba browser validasyonları ile ilgili arama yaparken web sitenize rastladım. Sadece el emeği ile kodlama yapanlar belki benim  biraz kolaya kaçtığımı düşünebilirler ama bir program arıyorum.

Oda css ile yapılmış bir web sitesini veya bir html dosyasını ie6, ie7, ie8, firefox, chrome, browser ları ile karşılaştırarak görünüm farkını ortaya çıkartabilen bir program olmalı.

Şu ana kadar buna rastlayamadım ama bir şekilde program veya browser plugin olarak bulunabileceğinden eminim.

Böyle bir program biliyorsanız veya paylaşırsanız çok sevinirim.

Saygılar.

Murat | Yanıtla

21.06.2009 00:13:31 #

Merhaba Murat,
Aradığın programın ismi IETester.
http://www.my-debugbar.com/wiki/IETester/HomePage
Bu program sayesinde tüm IE sürümleri ile kontrol etmen mümkün.

Eğer online bir çözüm arıyorsan, http://browsershots.org/ önerebilirim.

Ugur | Yanıtla

Yorum ekle




biuquote
  • Yorum
  • Canlı önizleme
Loading



Etiket Bulutu