arkadaşlar ömrümü çürüten tarayıcı uyumsuzluklarına nazaran araştırmalarım sonucunda elde ettiğim bilgileri sizlerle paylaşmak istedim, malum web master ların en büyük sorunu tüm tarayıcılara uyumlu web sayfalar yapabilmektir.
aşağıda örneklemeli olarak anlattığım kod kullanımlarını sayfamıza uyarlayarak kullanmanız yeterli olacaktır.
yapmış olduğumuz web sayfasında kullandığımız bir adet css imizi çoğaltmak istemiyoruz ve bu css içinde tüm tarayıcılara uyumlu olsun istiyoruz o zaman yapacağımız işlem ;
/* ie 6 ve ie den önceki versiyonlar */ *html #cciid { color: pink }
/* ie 7 ve ie7 den önceki versiyonlar */ *:first-child+html #cciid { color: red }
/* ie 7 ve ie 7 den üstü tarayıcılar */
html>body #cciid { color: yellow }
/* new tarayıcılar (ie 7 burada yok) */
html>/**/body #cciid { color: blue }
/* opera 9.27 ve dah önceki sürümler */
html:first-child #cciid { color: pink }
/* apple safari */
html[xmlns*=””] body:last-child #cciid { color: red }
/* opera9+, safari 3+, ff 3.5+, chrome 1+, gibi gibi */
body:nth-of-type(1) #cciid { color: pink }
/* safari 3+, chrome 1+, opera9+, ff 3.5+ */
body:first-of-type #cciid { color: blue }
/* safari3, chrome 1+ üstü versiyonlar */
@media screen and (-webkit-min-device-pixel-ratio:0) { #cciid{ background: #ffffff; border: 1px solid #000000 }
}
/***** class ve id içinde hack ******/
/* ie6 ve daha öncesi */ #cciid{ _color:blue }
/* ie7 ve daha öncesi */ #cciid{ *color: blue } /* or #color:blue */
html kodu :
tarayıcı