IE’da İkikat görülen Margin Problemi ve Çözümü
Bir blok-level elemente float değeri ve margin değeri atandığında IE’da sorun yaşarız. Örneğin float:left değeri atanmış bir içerik kutusuna soldan 100px kadar ayırmak istediğinde IE’de soldan 100px olması gereken mesafe 200px görünecektir.
.kapsul1 {
float: left;
width: 150px;
height: 150px;
margin-left: 100px;
}
Bu hataya yanlızca float ve margin atamalarını beraber kullandığımız blok-level elementlerde karşılaşmaktayız. Bu element’ten sonraki elementlerde bu hata görülmeyecektir. Yani bu hataya sadece ilk float-margin uygulanan blok-level element maruz kalacaktır.
Çözümü ise çok basit display:inline tanımlaması bizim sorunumuzu çözecektir.
.kapsul1 {
float: left;
width: 150px;
height: 150px;
margin-left: 100px;
display: inline;
}
Bu makale hazırlanırken positioniseverything.net yararlanılmıştır. Daha ayrıntılı bilgiyi bu sitede bulabilirsiniz.(eng)
benim sitede soyle bir problem var frefox da margin-left:25% yapıyom oluyo ama ie hiç boşlul birakmıyo neden dir acaba Teşekkürler
Bu konuyla ilgili bir sorun olduğunu sanmıyorum
div in içinde h3 kullanıyorum
<div id ="search"><h3>Advanced Search</h3></div>
#search h3{margin-lef:33%;}
diyorum acaba h3 etkilemiyru ie. Teşekkürler
Eğer yukarıdaki gibi gibi bir yazım hatası yoksa çalışması lazım (margin-lef değil margin-left olmalı)
[...] içerideki elemanımı etkiliyor. Kalıtsal olarak bu değeri alıyor. Sorunu ilk önce "IE’da İkikat görülen Margin Problemi ve Çözümü" anlattığım gibi bir sorun olduğunu düşündüm ama değildi. Bu sefer ki farklı bir [...]
çok saolun hocam
[...] tanımına margin tanımlarını yapıyorum. Burada "IE’da İkikat görülen Margin Problemi ve Çözümü" sorunu ile karşılaştığım için display:inline tanımı [...]
Neredeyse karşılaştığım tüm IE hatalarının çözümünü yazmışsınız. Çok teşekkür ederim.
[...] şöyle bir sorunumuz daha var ki önceki konulardan bildiğimiz gibi bu alana float uygulandığında margin-left:200px tanımını IE iki kat [...]
ie8 başımız daha çok ağrıyacak :(