IE 8 için CSS Düzeltmesi(Hack)
İnternet Explorer 8 çıktı ve hızla yayılıyor. Sitemi ziyaret edenlerin %5′i İnternet Explorer 8 kullanıcısı imiş. Bir makalede görmüştüm. İnternet Explorer 8′in hızlı yayılması ile alakalı.
Burada ie8′de css düzeltmesi yapmamız gerektiğinde nasıl bir yol izleyeceğimiz konusunda bir ipucu vereceğim.
.uyari { color /*\**/: red\9 }
Bir çok yerde bu kodun tek başına ie8 için yeterli olduğu yazıyor. Ama ben test ettiğimde ie7′de bu kodu görüyor. Bunun için
.uyari{color:blue} /* tum taricilar */
.uyari { color /*\**/: red\9 } /* ie8 ve ie 7 */
*+html .uyari{color:blue} /* ie 7 */
Şeklinde bir çözüm işimize yaracaktır.
Örneği görmek için tıklayınız.
Ayrıca şartlı yorumlar yardımı ile de yapabiliriz.
<!–[if gte IE 8]>
<style type="text/css">
.uyari {
color: red;
}
</style>
<![endif]–>
Ayrıca daha önce bahsettiğimiz ie7 gibi yorumlama kodu var.
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
Testlerimi ietester ile yaptım.
merhaba hocam sitenizi uzun zamandır takip ediyorum.biraz ilerleyebildiysem sizin sayenizde oldu. hep tablolu tasarım yapıyordum. simdi sizin derslerinizi takip ederek div ile tasarım yapıyorum eksiklerim cok ama calıstıkca öğreniyorum eric meyer in reset css i kullandım ama background-color belirttiğimde cıkmıyor :(( bunun nedeni ne olabilir teşekürler simdiden
bir çok nedeni olabilir. Örnek kodları görmeden bir şey söylemek zor
kodlarda herhangi bir yalnışlık olduğunu sanmıyorum.herşey normal aslında sadece eric meyer in sitesindeki reset i olduğu gibi alıp ekledim arkaplan renk ve yazı fontları calışmadı.Kodlarda aşağıda ki gibi başka değişen bir şey yok görünürde siteye hic bir sey eklemeden sadece aşağıda ki kodları yazsam bile reset.css i eklediğimde calışmıyor :((
body {
background:#666;
font:Tahoma;
font-style:normal;
font-size:12px;
color:#FFF;
margin:0px 0px 0px 0px;
}
bence
background-color: #666;
bununla arplan rengini atamalısın ozman
sorun çözülebilir belki
Bu işlerin standartı var; ancak bu standartları geriden takip eden bir microsoft var =) Yine iyi toparladı son 2 senede. Ben Win7 çıktıktan bir süre sonra IE9 çıkacağını hala ciddi ciddi düşünüyorum. Microsoft tarayıcı yarışında oldukça geriledi çünkü, bir şekilde yerlerdeki tarayıcı itibarını düzeltmeye çalışacaktır.
Ben açıkçası IE8'den, css3 desteği olmamasını gözardı edersem, oldukça memnunum. Ayrıca bir uğraş gerektirmiyor eskisi gibi. Tamam, bir kaç ufak ayrıntıda sorunları oluyor; ancak kolay fark edilmeyecek türden hepsi. Ayrıca şöyle bir şey gözlemledim, Firefox 3.5'te örneğin 64×64lük bir resmi (hatta işi daha da zorlaştıralım, bu resim bir tablo olsun, yani satır ve sütunları olan) küçük olak kullandığımda (mesela 40×40) düzgün bir görüntü elde edemiyorum; ancak IE8'de bu oldukça düzgün gözüküyor. Bu da ufak bir ayrıntı; ancak daha fazla göze çarpan bir ayrıntı.
Şu işlerin standardı olsa artık.
teşekküler hocam
Yazının başına daha ayrıntılı bir açıklama koyar mısınız ? Ben yazıya direk , bilgim olmadan girdim. Bir sorun olduğunu anladım IE8 ile alakalı, ama hangi sorunu düzeltmek için bu yazılanları yapmamız gerektiğini anlayamadım.
IE8 in farklı yorumladığı css kodlarını bu taglar arasında ie8 in doğru yorumlayacağı şekilde girerseniz eğer sorunlarınızı gidermiş olursunuz. bu yazıdada bu belirtiliyor.
allah microsoftun belasını versin böyle saçmalıklarla insanları uğraştırdığı için
kodlarda herhangi bir değişiklik yapmamız gereklimi?Yoksa her sitede standart mı?
Eğer ie8 ile ilgili sorun yaşıyorsanız bu kod yardımı ile düzeltebilirsiniz.
Şu kodlamanın tüm tarayıcılarda standart olduğu günü görecez mi aceba? her kodlamada neden farklı farklı yöntemler izliyoruz. kod yazmak problem değilde bu tarayıcılara beğendirmek mesele.
Merhaba Fatih
Bir alternatif çözümde benden;
p.va {
color: green; /* IE8 */
*color: red; /* IE7 den IE5 e kadar*/
}
body:last-child p.va {
color: blue; /* Firefox, Safari, Opera */
}
Firefox’da IE Tab’da doğru çalışmıyor. Bilginize