Erhan Yakut Software Developer @Binalyze | Founder @Passwall | Golang Enthusiast | Open Sorcerer

Tasarımda IE7 ve IE8 Çözümü

49 sec read

Başlık belki açıklayıcı olmayabilir. Daha net bir ifadeyle bu makalenin özünü şöyle yazabilirdim.

Internet Explorer tarayıcısını HTML ve CSS kodlarını standartlara uygun bir şekilde yorumlamasını sağlayabilirsiniz. Nasıl olacak derseniz cevap IE7.js ve IE8js kütüphaneleri.

Bu Size Ne Kazandıracak?

Bu kütüphaneler hazırlamış olduğunuz tasarımın Internet Explorer tarayıcısında da diğerlerinde olduğu gibi çalışmasını sağlar. Böylece IE için artık farklı css teknikleri ve hileleri kullanmanıza gerek kalmaz. Bunun sonucunda da tasarımlarınızı daha kısa sürede, daha sağlam ve standartlara uygun bir şekilde bitirebilirsiniz.

Şuradaki sayfada IE7’de hangi kodların düzgün çalışacağı gösterilmiş.

Kullanımı

Tek yapmanız gereken sitenizin başlık (< head >..< /head >) kısmına aşağıdaki kodları girmek.
IE 7 için
[php]<!–[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script>
<![endif]–>[/php]
IE 8 için
[php]<!–[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
<![endif]–>[/php]

Erhan Yakut Software Developer @Binalyze | Founder @Passwall | Golang Enthusiast | Open Sorcerer

18 Replies to “Tasarımda IE7 ve IE8 Çözümü”

  1. Google da araştırınca bu javascript kütüphanelerinin IE5veIE6 sürümlerinin sorunlarını da gördüm, teşekkürler…

    Eğer gerçekten dedikleri gibiyse kullanışlı olacaktır…

  2. Maalesef kutu modellemelerinin hepsinde IE için ayrı birer margin değeri atamamız gerekiyor. Bu yöntem o sorunu da çözecek mi acaba?

    1. Pek sanmıyorum. Örneklerine bakılırsa sadece hatalı yorumladığı veya yorumlayamadığı şeylere bir çözüm üretmiş gibi.

  3. Bir an ümitlenmiştim :( Bir önceki mesajımda belirttiğim, IE için ayrı margin tanımlama konusuna da değinirseniz, çaylaklar için çok faydalı olacağını düşünüyorum.

    Teşekkür ederim :)

    1. Aslında ben css’i sıfırladıktan sonra hiçbir problem yaşamıyorum. Bİr de kutular için hep birkaç piksel emniyet payı bıraktığım için sorun olmuyor. Uygun bir zamanda bir şeyler karalayayım.

  4. düzeltemediğim bir çok sorunu bu şekilde çok kolayca halettim. çok teşekkür ederim.

  5. Microsoft’ta artık gerçekten bir çözüm bulsa browserlarına iyi olacak.O kadar eleştiri almalarına rağmen hala yeni versiyonlar sorunlu.

  6. Microsoftun akıllı insanlar olmadığına karar verdim arkadaşlar. Bizler bu ayrıntıları düşünürken onlar neden düşünmüyor. Yoksa bunların amaçları farklı mı…?

  7. @yakuter hocam çok teşekkür ederim, gerçekten çok faydasını gördüm lakin internet explorer 6’da sağda fixed bir reklam yapamıyorum.Firefoxda sorunsuz oluyor ancak internet explorer 6 ve 7 için sağ bar’da fixed bir reklam sizce nasıl olabilir ?

    1. @Cem, bu soruna cevap vermek için yapacağım şey Google’ı açıp “fixed div in ie6” yazarak araştırma yapmak olucak ki sen bunu yaparsan sanırım daha çabuk ve tam olarak ihtiyacını karşılayan bir çözüm bulabilirsin. Kısacası sorunun cevabını exbere bilmiyorum, araştırma yapmam gerekli :)

  8. ufak ekleme olarak bu kütüphaneyi kullanırken png dosyalarınızın adını *-trans.png şeklinde olması. yani sonuna trans yazmalısınız.

  9. Peki Arkadaşlar İe De duzgun sorunsuz calışıyor sizem Ama Diyer tarayıcılar bozuk firefox felan mesela buna nasıl cözüm buluruz

  10. mrb yakut hocam kardeşimin bir sorunu var da edeceginizi umdugum yardimlarinizdan dolayi pesinen tesekkurlerimi sunarim.Oncelikle sorunumu dile getirmem gerekirse soyle baslayayim. Yurtdisinda ingilizce dil kursunda egitim gormekteyim. Sene icerisinde hazirlayip teslim etmem gereken ve 20 kisilik bir gruptaki herkesin ortak calismasini saglamam amaciyla proje tarzi birsey ustlenerek sinifimiz adina bir blog sitesi kurmaya karar verdim. Sorunumda burada basliyor, kurdugumuz blog sayfasi sahsen kullandigim laptopumda icerik adina hersey gayet duzgun hersey yerli yerinde gozukurken, egitimini aldigim okulun pc'lerinden girdigimde yaptigimdan daha farkli bir halde buluyorum.Belki kullandigim pc'lerin monitor hertz ayarlarindan kaynakli bir durum olabilir diye dusunuyorum ama tahmin edebileceginiz gibi bu pclerde koruma oldugundan dolayi hertz ayarlarini degistirip deneme imkanim yok. Siteyi yaparken tema olarak ''Photofly'' adli bir tema kullandik. Bu temanin giris sayfasinda tam ekran olarak ortaya dogru zoomlanan resimler var. Ayrica bu giris ekranindaki resimlerde okulun pc lerinde gorunmuyor.Daha net olmak adina cektigim resim ve videolari ekledim, umarim anlasilir ve net olmusumdur. Bu arada bahsettigim site: http://www.classarran.com
    Yardimlariniz benim icin cok onemli arkadaslar eger bu sorunlari duzeltemezsem site bi halta benzemiyo ve icerik olarak ne eklersem ekleyeyim hersey bosa.
    Sorun:
    1. Site iceriginin goruntusunu her pc de standart olacak sekilde uyarlamak ya da en azindan bu icerik duzensizligini ortadan kaldirip ortak bi noktada toparlamak adina ne yapabilirim.
    2.Site giris ekranindaki resimlerin gorunmeme sebebi ne olabilir.
    Yardimlarinizi rica eder, iyi forumlar dilerim arkadaslar.

    Benim pc'den site iceriginin gorunusu: https://vimeo.com/93198754
    Okuldaki pc'den site iceriginin gorunusu: https://vimeo.com/93198755

    Yuklenen resimlerde okuldaki monitor boyutu daha buyuk olan bi pc den cekildi.Sonuc: okuldaki birbirinden farkli 2 pc ve 2 si de duzensiz.

Leave a Reply

Your email address will not be published. Required fields are marked *