Bursa Bilgisayar

İnternet Explorer Sürümleri İçin Özel Css Hazırlamak

Merhaba arkadaşlar bu yazımda sizlere sitelerinizde genel olarak yaşadığınız css problemlerini bir döngü ile çözmeyi anlatacağım bu döngü ile çeşitli tarayıcılara özel css hazırlayarak siteleriniz üzerindeki kayma problemlerini çözmeniz mümkün duruma gelecektir.

Alt bölümdeki kodları

<head> </head>

Tagları arasına koyarak çalıştırırabilirsiniz.

<!--[if IE 6]>
<link rel="stylesheet" href="/bursabilgisayar-ie6.css" type="text/css" media="screen" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" href="/bursabilgisayar-ie7.css" type="text/css" media="screen" />
<![endif]-->
<!--[if IE 8]>
<link rel="stylesheet" href="/bursabilgisayar-ie8.css" type="text/css" media="screen" />
<![endif]-->
<!--[if IE 9]>
<link rel="stylesheet" href="/bursabilgisayar-ie9.css" type="text/css" media="screen" />
<![endif]-->

Chrome İçin Çözüm

http://bursa-bilgisayar.com/chrome-icin-ozel-css-tanimlamak.html

JQuery İle Çözüm

http://bursa-bilgisayar.com/jquery-ile-tarayicilara-ozel-css-hazirlamak.html

kodunu yapıştırıp, üç tane css dosyası oluşturuyoruz

(bursabilgisayar-ie8, bursabilgisayar-ie7 ve bursabilgisayar-ie6).

Bu dosyaların içine tüm stil kodlarını eklemeniz gerekmiyor. sadece menü ile ilgili kodları yapıştırmanızda işi çözecektir. Browserdan bakarak, padding ve margin değerlerini ayarlayın. Farklı ie sürümlerinde test etmek için ietester programını kullanabilirsiniz. Ben kendim tasarladığım sitelerde bütün tarayıcıları virtualbox içine kurduğum xp üzerindeki tarayıcılarda kontrol edip değişiklikleri yapıyorum.

Related posts

1.512 thoughts on “İnternet Explorer Sürümleri İçin Özel Css Hazırlamak

  1. Someone necessarily assist to make severely posts I’d state.
    That is the very first time I frequented your
    website page and thus far? I amazed with the research you made
    to make this particular submit incredible. Excellent task!

  2. Everything is very open with a precise explanation of the issues. It was really informative. Your website is useful. Thank you for sharing!

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

 Characters available