ana sayfa > Dökümanlar, WebMaster Kaynakları > CSS- IE’da İkikat görülen Margin Problemi ve Çözümü

CSS- IE’da İkikat görülen Margin Problemi ve Çözümü

Salı, 28 Haz 2011 yorum ekle yorumlara git

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.

  1. .kapsul1 {
  2. float: left;
  3. width: 150px;
  4. height: 150px;
  5. margin-left: 100px;
  6. }

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.

  1. .kapsul1 {
  2. float: left;
  3. width: 150px;
  4. height: 150px;
  5. margin-left: 100px;
  6. display: inline;
  7. }

Bu makale hazırlanırken positioniseverything.net yararlanılmıştır. Daha ayrıntılı bilgiyi bu sitede bulabilirsiniz.(eng)

Categories: Dökümanlar, WebMaster Kaynakları Tags:
  1. şimdilik yorum yok.
  1. şimdilik geri bağlantı yok
yorum yapabilmek için giriş yapmalısınız
mum