IE7 Margin Eksi Değer Sorunu
Tayfun Erbilen ekledi.
27 Kasım 2012 Salı
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!
Gözat
Teşekkür ederim
YanıtlaSilTeşekkürler ie yide hesaba katmak insanı gerçekten zorluyor.
YanıtlaSilEvet 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 =/
Silİ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.
SilYaptığınız çalışmaları tüm tarayıcı ve sürümlerinde nasıl kontrol ediyorsunuz ?
YanıtlaSilİ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 :)
Silen sorunlu sürüm ie7 mi? o yüzden mi onunla kontrol ediyorsunuz?
SilBen "Başka Adsız"
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.
Sil