Biraz geç kalmış bir yazı olacak, ancak İnternet Explorer 8 çıktığından beri ilk defa birinciliği Firefox’dan aldı. Bende bu makaleyi yazmaya gerek duydum. Açıkçası İnternet Explorer 8’e ilgisiz kaldık. İnternet Explorer 6 ile o kadar uğraştık ki serinin 8. sürümü biraz atıl kaldı.
İnternet Explorer 8 yayıldıkça sorunları ortay çıkmaya başladı, yani test potamıza girmeye başladı. Her ne kadar uyumluluk kodu ile İnternet Explorer 7 gibi yorumlamasını sağlayıp test tarayıcı sayısını bire düşürme imkanımız olsada yeniliklerinden yararlanmak için bu kodu kullanmamak gerekebilir. Ayrıca makaleyi geç yazmamızın bir avantajı oldu o da ie8 sorunlarınıda görmeye başladık.
İnternet Explorer 8 ile birlikte CSS2.1 standartlarını tam desteklediğini açıkladı.
İnternet Explorer 8 ile gelen CSS özellikleri listesi;
Float
Float uygulamalarındaki hasLayout’dan kaynaklanan bir çok sorunun giderildiği söyleniyor. İşin aslı hasLayout işleyişi tamamen kaldırılmış ie8’de. Bu sürümdeki en büyük gelişme budur.
Margin Çökme Sorunu
Margin çökme sorunu giderilmiş.
:focus Sözde Sınıfı
Klavyeden elementlere odaklanmamızı sağlayan ve erişebilirlik için önemli olan bu özellik İnternet Exploerer 8 ile geldi
a:focus {
border: solid 1px red;
}:before and :after Sözde Elementleri
Bir elemanın öncesine ve sonrasına content özelliği ile birlikte içerik eklememizi sağlayan bu özellik ie8 ile birlikte geldi.
#box:before {
content: "Not:";
}
#box:after {
content: "son";
}:lang() Sözde sınıfı
Sayfa içeriğinde farklı dilde kullanılan içeriği yakalamak için kullanılan bir seçicidir.
:lang(fr) {
tanimlar
}:active Sözde sınıfı işlevselliği arttı
Eskiden sadece a bağlantıya verilen özellikleri tanımlayan ie8 şimdi tüm HTML elementlerini kapsıyor artık.
list-style-type Özelliğine ek değerler eklenmiş
list-style-type özelliğinin bir çok değeri var. İnternet Explorer 8 öncesi bunların yarısını destekliyordu 8 ile birlikte hepsini destekliyor.
content özellikleri destekliyor
:after, :before sözde seçicileri ile birlikte content özelliklerini destekliyor artık ie8
Tablo Özelliklerinin tamamını destekliyor artık
özelliklerini destekliyor. Ayrıca
özelliklerinide tam destekliyor, yani bu özelliklerin tüm değerlerini destekliyor. Eskiden kısmen desteklediği bu özellikleri şimdi tammen destekliyor.
Yazı ve Metin Özellikleri
- font-weight
- white-space (pre-wrap ve pre-line değerleri destekleniyor)
- word-spacing
Ayrıca text-decoration özelliğinin overline değeride destekleniyor.
Yazdırma Özellikleri
@page özellikleri tam olarak destekleniyor.
Dış Hat çizgisi(Outline) Özellikleri
Dış hat çizgisi özellikleri desteği geldi.
Data URI Desteği
Internet Explorer 8 ile birlikte DATA URI desteği geliyor. DATA URI kısaca html dosyasından ayrı yapıların yani resimlerin html içine gömme imkanı verir bize. internet Explorer 8 sadece css dosyalarına eklenmesine izin veriyor ayrıca bir kısıtlama var ie8 en fazla 32kb boyutuna kadar destekliyor.
Özel uzantılar ile yeni özellik desteği
Firefox, webkit ve Opera’dan sonra Microsoft’da özel uzantılar ile yeni özellik desteğini getirdi. Aşağıda özellikler listelendi;
- -ms-accelerator
- -ms-background-position-x
- -ms-background-position-y
- -ms-behavior
- -ms-filter
- -ms-ime-mode
- -ms-layout-flow
- -ms-layout-grid
- -ms-layout-grid-char
- -ms-layout-grid-line
- -ms-layout-grid-mode
- -ms-layout-grid-type
- -ms-overflow-x
- -ms-overflow-y
- -ms-scrollbar-3dlight-color
- -ms-scrollbar-arrow-color
- -ms-scrollbar-base-color
- -ms-scrollbar-darkshadow-color
- -ms-scrollbar-face-color
- -ms-scrollbar-highlight-color
- -ms-scrollbar-shadow-color
- -ms-scrollbar-track-color
- -ms-text-align-last
- -ms-text-autospace
- -ms-text-justify
- -ms-text-kashida-space
- -ms-text-overflow
- -ms-text-underline-position
- -ms-word-break
- -ms-word-wrap
- -ms-writing-mode
- -ms-zoom
Sonuç
Tüm bu özellikleri sıraladıktan sonra beni sevindiren üç özellik var. Birincisi hasLayout’un kaldırılması, ikincisi DATA URI desteğinin gelmesi ve display:inline-block özelliğinin tam desteğidir.
Ayrıca ie8 sorunları hakkında bilgi edinmek isteyenler kaynaklar kısmında hata linklerinden gerekli bilgiyi alabilirler. Ben sorunlarla karşılaştıkça sitemde yayınlayacağım hataları.
Hoşçakalın.
Kaynaklar
- http://msdn.microsoft.com/en-us/library/cc304082%28VS.85%29.aspx
- http://www.smashingmagazine.com/2009/10/14/css-differences-in-internet-explorer-6-7-and-8/
- http://www.howtocreate.co.uk/ie8.html
- http://reference.sitepoint.com/css
- http://www.evotech.net/blog/2009/03/ie8-css-support/
- css-discuss.incutio.com/wiki/IE8#CSS3_selectors
- http://jhop.me/ie8-bugs (ie8 hataları)
- http://www.gtalbot.org/BrowserBugsSection/
- http://techblog.procurios.nl/k/news/view/33224/14863/Testing-Internet-Explorer-8-CSS3-for-Web-Design.html (CSS3 desteği)