Azizce

Ben, Kendim & PHP

Internet Explorer 8 ‘de Listeler ve CSS

26 Şubat, 2010 (18:05) | CSS, Internet Explorer, Paylaşım | Alihan Çetin tarafından yazılmış

Gün geçmiyor ki Internet Explorer ‘da bir gariplik daha yaşanmasın.

Bu sefer kahramanımız Internet Explorer 8. Yaramaz IE stil sayfalarında problem çıkartır. Firefox, Chrome, Internet Explorer 7, Internet Explorer 6 gibi tarayıcılarda hiçbir sorun yokken, sonradan stil sayfalarında olduğunu farkettiğim bir kod IE8 ‘i kırar!

Nedir bu kod? Bu kod W3C CSS Validation Service ‘te dahi onay alan bir koddur.

Şöyle ki:

#profil-Solblok-Sol ul, #profil-Solblok-Sol li {
	list-style-image:url("../images/buton2.png");
	padding-bottom:10px;
}
 
#profil-Solblok-Sol ul.istatistik, #profil-Solblok-Sol li.istatistik {
	list-style-image:url("../images/buton3.png");
	padding-bottom:10px;
}
 
#profil-Solblok-Sol ul.haklar, #profil-Solblok-Sol li.haklar {
	list-style-image:url("../images/message.png");
	padding-bottom:10px;
}

Internet Explorer 8 bu kodu yorumlayamamakta ve çakılmaktadır.

Kodu şu şekilde revize edince.

#profil-Solblok-Sol ul {
	list-style-image:url("../images/buton2.png");
	padding-bottom:10px;
}
 
#profil-Solblok-Sol li {
	padding-bottom:10px;
}
 
#profil-Solblok-Sol ul.istatistik {
	list-style-image:url("../images/buton3.png");
	padding-bottom:10px;
}
 
#profil-Solblok-Sol li.istatistik {
	padding-bottom:10px;
}
 
#profil-Solblok-Sol ul.haklar {
	list-style-image:url("../images/message.png");
	padding-bottom:10px;
}
 
#profil-Solblok-Sol li.haklar {
	padding-bottom:10px;
}