Internet Explorer Conditional Kullanımı

Posted 11-11-2009 at 18:29 by Lizard King
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

  1. kontrast

    12-11-2009 10:37

    Oh be... Süper kaynak olmuş
    Her seferinde internette bunları aramaktan canım çıkmıştı ve lt ile lte arasındaki farklılığı da sonunda öğrenmiş oldum
    kontrast kullanıcısının avatarı
    Comment with Quote
    permalink
  2. haydarabi

    12-11-2009 11:58

    ben hiç bi b.k anlamadım
    haydarabi kullanıcısının avatarı
    Comment with Quote
    permalink
  3. kontrast

    12-11-2009 12:00

    Tarayıcılar arasındaki farklılıkları ve de Microsoft'un başına buyruk işlerini düzeltme amaçlı kodlar bunlar
    kontrast kullanıcısının avatarı
    Comment with Quote
    permalink
  4. 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 Kodu
        <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]--> 
    Ilk satırda bulunan kod mesaj.css yi çağırarak mesaj görünümlerini belirlemektedir.

    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 kullanıcısının avatarı
    Comment with Quote
    permalink
  5. haydarabi

    12-11-2009 13:04

    açıklayıcı bilgiler için teşekkürler. benim anlamadığım veya anlamaya uğraşmadığım makalenin içeriği değilde daha çok programlama diliyle ilgiliydi
    haydarabi kullanıcısının avatarı
    Comment with Quote
    permalink
  6. Lizard King

    12-11-2009 19:11

    kontrast »
    lt ile lte arasındaki farklılığı da sonunda öğrenmiş oldum
    lt : Less Then
    lte : Less Then and Equal
    gt : Greater Then
    gte : Greater Then and Equal
    Lizard King kullanıcısının avatarı
    Comment with Quote
    permalink
  7. kontrast

    12-11-2009 19:15

    İşte bunu hiç düşünmemiştim Teşekkür ederim
    kontrast kullanıcısının avatarı
    Comment with Quote
    permalink
  8. 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
    Beethoven kullanıcısının avatarı
    Comment with Quote
    permalink
Yorum Gönderin Yorum Gönderin
Toplam Trackbacks 0

Trackbacks


Üye Ol | Login
faydası olur zararı olmaz depkac.com
Sitemizdeki içerikler sahiplerine aittir , kullanım hakkı kullanıcılar tarafından Depkac.com sitesine devredilmiştir. Depkac.com yöneticileri siteye gönderilen içeriklerden sorumlu değildir. Yasalara aykırı içerik tespitinde lütfen site yöneticileri ile temasa geçiniz. Izinsiz içerik kullanımında her türlü yasal hakkımız saklıdır.
Kullanım Koşulları | Bize Ulaşın | Sık Sorulan Sorular