IE7 ve Diğer Versiyonlar Icin Css Ozel Tagları


internet explorer 7,8,9Bazen bir interface yarattığımızda browserdan browsera, hatta browserın versiyonun da bile farklı style değerleri aldığını görürüz. Bu da özellikle profesyonel bir iş için tasarlanmış bir sayfaysa bize sorun çıkarır. Bunun için istediğimiz versiyonlar için şu tagları kullanacağız:

Bütün Internet Explorer versiyonları için:

<!–[if IE]>

<link rel=”stylesheet” type=”text/css” href=”all-ie-only.css” />

<![endif]–>

Sadece Internet Explorer 7 için:

<!–[if IE 7]>

<link rel=”stylesheet” type=”text/css” href=”ie7.css”>

<![endif]–>

 

 Internet Explorer 6 ve düşük versiyonlar için:

<!–[if lt IE 7]>

<link rel=”stylesheet” type=”text/css” href=”ie6-and-down.css” />

<![endif]–>

 

Internet Explorer 7 ve düşük versiyonlar için:

<!–[if lt IE 8]>

<link rel=”stylesheet” type=”text/css” href=”ie7-and-down.css” />

<![endif]–>

Internet Explorer 7 ve yüksek versiyonlar için:

<!–[if gt IE 6]>

<link rel=”stylesheet” type=”text/css” href=”ie7-and-up.css” />

<![endif]–>

css tablo oluşturma

Örneğin bir menü toolbarınız var. IE 7’de açtığınızda düzgün şekilde butonlar sıralanırken, IE 8’de kaymalar oluşuyor. O zaman menünün css değerlerini aşağıda gösterdiğim iki yıldızlı alan arasına kopyalayıp, F12 ile developer tools’u açarak versiyonu geçişi yapıp doğru değerleri buluyoruz. Böylece yeni değerler sadece IE 8 için geçerli olmuş oluyor.

<!–[if lt IE 8]>

<link rel=”stylesheet” type=”text/css” href=”ie7-and-down.css” />

*                                                         *

<![endif]–>

internet explorer 9

Hacks

Ayrıca hack dediğimiz yöntemle{illegal olanı değil :)} direk sayfa içindeki herhangi bir komutun ortasında şu kodları kullanarak versiyona özel hale getirebilirsiniz.

internet explorer 7,8,9

IE 6 Only

* html #div { height: 300px; }

IE 7 Only

*+html #div { height: 300px; }

IE-8 ONLY

#div { height: 300px\0/; }

IE-7 & IE-8

#div { height: 300px\9; } 

IE6 ve düşük versiyonları gizlemek için

#div { height/**/: 300px; }

css kodları

Bunlar tabi ki biraz gereksiz fazladan kod gibi gözükse de şu an Css 3.0’a kadar bu duruma tek bir satırlık kodla ekranın kayması ve yerlerinin değişmesi engellenecek bir çözüm bulunamadı. Bu yüzden bir süre daha bu duruma katlanmak zorundaymışız gibi gözüküyor. Umarım ilerleyen zamanlarda bu duruma kolay bir çözüm bulunur. İyi kodlamalar dileğiyle.

 

Bunlar da ilginizi çekebilir

Gitmeden yorumunuzu bırakın.


Time limit is exhausted. Please reload the CAPTCHA.