IE7 Margin Eksi Değer Sorunu

Merhaba arkadaşlar, bu yazıda sizlere ie7’de oluşan bir css hatasını ve çözümünü göstereceğim..

Sorun;
Eksi margin değeri verdiğimiz nesnelerde ie7’de malesef değer işlemiyor.. Örnek verecek olursak;

.box {margin: 0 -10px}

Yukarıdaki kod malesef ie7’de çalışmıyor.. Yani sağdan ve soldan 10px içeriye doğru çekmiyor nesneyi..

Çözümü;
IE7’de düzgün çalışması için overflow: hidden değerini eklememiz yeterli olacaktır. Yani;

.box {margin: 0 -10px; overflow: hidden /* ie7 */}

Başka ipuçlarında görüşmek üzere!

Yayınlayan

Tayfun Erbilen

2009’dan beri web işleriyle uğraşan, aynı zamanda amatör müziklede ilgilenen sıradan birisi..

“IE7 Margin Eksi Değer Sorunu” üzerine 8 yorum

  1. Evet kesinlikle, o yüzden hazır ie7'ye uygun döküyorken elimdeki işi böyle ufak tefek bilgileri paylaşayım istedim 🙂 Daha bunun gibi bir sürü bug var malesef =/

  2. Yaptığınız çalışmaları tüm tarayıcı ve sürümlerinde nasıl kontrol ediyorsunuz ?

  3. İlkel bir yöntem kullanıp, sayfayı bitirdiğimde tek tek tarayıcıları açıp kontrol ediyorum.. Varsa bir düzen bozukluğu "css hack" dediğimiz tarayıcıya özel css kodlaması yapıyorum daha sonradan.. Ama genelde chrome ve ie7'yi açarak kodlamayı tercih ederim.. ie7'de düzgünse, muhtemelen diğer tüm tarayıcılarda da düzgün demektir 🙂

  4. en sorunlu sürüm ie7 mi? o yüzden mi onunla kontrol ediyorsunuz?

    Ben "Başka Adsız"

  5. Yok hayır tabi ki şuan bildiğim kadarıyla en son sürüm ie10.. Ancak genelde css işlerinde iş verenler ie7 ve üzeri diye isterler 🙂 Bu yüzden o sürümüde göz arda edemeyiz.

  6. İE gerçekten çok vasat bir tarayıcı fakat, İE 10 ile İE geri geldi diyebiliriz. CSS3 HTML5 ve Javascript'i çok iyi desteklemeye başladı. Yükseltmenizi öneririm.

Bir Cevap Yazın

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