Internet Explorer Conditional Kullanımı
Posted 11-11-2009 at 18:29 by Lizard King
Etiketler ie conditionals, ie6, ie7, ie8, internet explorer
CSS ( Custom Style Sheet ) teknolojisinin her geçen gün ilerlemesi devam ederken browserlarda gelişen standartlara ayak uydrmaya çalışmakta. Browserların gelişimini belli bir standarda bağlanmasına karşın Internet Explorer hala en problem browser olmaya devam ediyor. Özellikle Internet Explorer 6'nın kullanım oranının dünya genelinde 15% , Türkiye genelinde 35% civarında olduğunu düşünürsek yazmış olduğumuz kodların bütün browserlar içerisinde düzgün çalışmasını sağlamak gerekmekte.
Internet Explorer versiyonları içerisindeki farklılıklardan dolayı CSS yazarken IE hatalarını düzeltebilmek için özel düzenlemeler yapmanız gerekmekte. Bu tarz düzenleme örneklerini vBulletin 4 stilini IE6 ile uyumlu hale getirdikten sonra daha detaylı bir başka blog yazımda anlatıcam. Şimdilik IE versiyonları için nasıl özel kod kullanabiliriz bunları anlatalım.
Internet Explorer 5
Sadece internet explorer 5 için bir kod kullanmak istiyorsak aşağıdaki formatı kullanabiliriz.
PHP Kodu<!--[if IE 5]>Internet Explorer 5 te gozukecek<![endif]-->
Internet Explorer 6
Sadece internet explorer 6 için bir kod kullanmak istiyorsak aşağıdaki formatı kullanabiliriz.
PHP Kodu<!--[if IE 6]>Internet Explorer 6 te gozukecek<![endif]-->
Internet Explorer 7
Sadece internet explorer 7 için bir kod kullanmak istiyorsak aşağıdaki formatı kullanabiliriz.
PHP Kodu<!--[if IE 7]>Internet Explorer 7 te gozukecek<![endif]-->
Internet Explorer 8
Sadece internet explorer 8 için bir kod kullanmak istiyorsak aşağıdaki formatı kullanabiliriz.
PHP Kodu<!--[if IE 8]>Internet Explorer 5 te gozukecek<![endif]-->
Önceki Versiyonlar
Eğer herhangi bir Internet Explorer versiyonundan önce yayınlanan tüm versiyonlar için bir kod kullanmanız gerekirse aşağıdaki formatı kullanabilirsiniz.
PHP Kodu<!--[if lt IE 8]>Internet Explorer 8 den önceki tüm versiyonlarda gözükecek<![endif]-->
Sonraki Versiyonlar
Eğer herhangi bir Internet Explorer versiyonundan sonra yayınlanan tüm versiyonlar için bir kod kullanmanız gerekirse aşağıdaki formatı kullanabilirsiniz.
PHP Kodu<!--[if gt IE 5]>Internet Explorer 5 den sonraki tüm versiyonlarda gözükecek<![endif]-->
Önceki Versiyonlar ve Eş Versiyon
Eğer herhangi bir Internet Explorer versiyonun ve kendisinden önce yayınlanan tüm versiyonlar için bir kod kullanmanız gerekirse aşağıdaki formatı kullanabilirsiniz.
PHP Kodu<!--[if lte IE 7]>Internet Explorer 7 ve kendisindenden önceki tüm versiyonlarda gözükecek<![endif]-->
Sonraki Versiyonlar ve Eş Versiyon
Eğer herhangi bir Internet Explorer versiyonun ve kendisinden sonra yayınlanan tüm versiyonlar için bir kod kullanmanız gerekirse aşağıdaki formatı kullanabilirsiniz.
PHP Kodu<!--[if gte IE 7]>Internet Explorer 7 ve kendisindenden sonraki tüm versiyonlarda gözükecek<![endif]-->
Tüm Internet Explorer versiyonu
Bütün Internet Explorer versiyonlarında gözükecek.
PHP Kodu<!--[if IE]>Bütün Internet Explorer versiyonlarında gözükecek<![endif]-->
Internet Explorer haricindeki browserlar
Bütün Internet Explorer versiyonlarında gözükecek.
PHP Kodu<![if !IE]>Bütün Internet Explorer versiyonlarında gözükecek<![endif]>
Diğer Örnekler
PHP Kodu<!--[if IE]><p>Internet Explorer Kullanıyorsunuz</p><![endif]-->
<![if !IE]><p>Internet Explorer Kullanmıyorsunuz</p><![endif]>
PHP Kodu<!--[if IE 7]><p>Internet Explorer 7 Kullanıyorsunuz</p><![endif]-->
<!--[if !(IE 7)]><p>Internet Explorer 7 Kullanmıyorsunuz</p><![endif]-->
Toplam Yorumlar 8
Yorumlar
-
Lizard King
12-11-2009 12:17
Şöyle anlatalım , http://depkac.com/beyin-firtinasi/16...uk-yapalim-mi/ konusunun sayfa kaynak koduna bakarsanız aşağıdaki kodu bulabilirsiniz
PHP KoduIlk satırda bulunan kod mesaj.css yi çağırarak mesaj görünümlerini belirlemektedir.<link href="http://depkac.com/css/mesaj.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]><link href="http://depkac.com/css/mesaj-ie6.css" rel="stylesheet" type="text/css" /><![endif]-->
Ancak Internet Explorer 6 versiyonu CSS yi tam olarak algılayamadığı için ona özel bazı düzenlemeler yapmak zorundaydık. Yoksa görünüm bozuk gözüküyordu. Buda IE 6 ya özel kod eklemekle çözülüyor. Bu makalede IE'ye özel conditional kullanımına yönelik. -
Lizard King
12-11-2009 19:11
kontrast »lt : Less Thenlt ile lte arasındaki farklılığı da sonunda öğrenmiş oldum
lte : Less Then and Equal
gt : Greater Then
gte : Greater Then and Equal -
Beethoven
18-11-2009 22:54
Lizard King »lt : Less Then
lte : Less Then and Equal
gt : Greater Then
gte : Greater Then and Equal
Abi bu söylediğin şeyleri okulda "Discrete Mathematics" -Ayrık Matematik- dersinde gösteriyorlar. Algoritma derslerinin temeliymiş hatta. Hatta vizesinden 95 aldım
Yorum Gönderin |
Toplam Trackbacks 0

















