IE7 Float Sorunu ve Çözümü

Bu sorunla bir çok kez karşılaştım.. Sorun nesneye verdiğimiz float’tan kaynaklı olarak kaymaya yol açıyor. Önce bir örnek göstereyim..

Html kodlarımız;

<div class="test">
	Tayfun Erbilen: <img src="resim.jpg" alt="" height="60" />
</div>

CSS kodlarımız;

.test {
	width: 200px;
	border: 1px solid #ddd;
	overflow: hidden;
	padding: 10px
}
.test img {
	float: right
}

Sonuç;

IE7 Float Sorunu ve Çözümü

Çözüm

Çözüm basit. Float uyguladığımız nesneyi başa alacağız.. Yani yazıdan öncesine ekleyeceğiz. Yani;

<div class="test">
	<img src="resim.jpg" alt="" height="60" /> Tayfun Erbilen:
</div>

Ve sonuç;

IE7 Float Sorunu ve Çözümü

Evet bir sorunun daha üstesinden gelmiş olduk 🙂 IE ile bol dertli günler.

Yayınlayan

Tayfun Erbilen

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

“IE7 Float Sorunu ve Çözümü” üzerine bir yorum

  1. Benim bildiğim bu sadece IE için değil tüm tarayıcılar için geçerli
    İki nesneden birine "float" verilir diğerine verilmezse ilk olarak "float" verilen nesne yazılmalı "float" sağ yada sol değeri hiç fark etmez.
    Eğer üç nesne kullanılacak ve ikisi "float" değer verilecekse mesela biri sağ biri sol olsun gene aynı işlem yapılmalı önce "float" verilen nesneler kullanılmalı sağ yada sol olduğu için sırası önemli değil sonrasında "float" değeri olmayan nesne kullanmalı.
    Az kalsın teşekkür etmeyi unutacaktım 🙂

Bir Cevap Yazın

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