Divleri yanyana dizmek hakkında bir sorun

herkese kolay gelsin.
Divleri yanyana dizmeyi float:left ile yapıyoruz. buraya kadar
bir sorun yok.

Arkaplan eklemek isteyince float:left ile yazılan div backgroundi uzatmıyor.içinde yokmuş gibi davranıyor.
örneğin bu sitede
http://tekurun.gencokur.com/urunler-...k-bali-29.aspx

sayfanın altına indiğimizde resmin taştığını görüyoruz. yani arkaplanı kendisi ile götürmüyor. float:left ile yaptım onu.

Bu olayı nasıl engellerriz. Divleri yanyana eklemenin başka yolu yokmu

arkaplanı göstermek için width ve height değerlerinin girilmiş olması gerek.

Evet haklısınız ama herzaman ne kadar uzunluğun olacağını tahmin edemiyoruz. Bu gibi durumlarda içice div kullanıldığı zaman içteki divin uzadığı kadar diştaki de uzuyor arkaplan da büyüyor mesala
<div id='dis' style='background-image:url('back.jpg')'>
<divid='ic'>içerik bla
</div>
</div>

yukardaki çalışıyor sorunsuz içerik ne kadar fazla olsada arkaplan okadar oluyor.

fakat aşağıdaki çalışmıyor.
<div id='dis' style='background-image:url('back.jpg')'>
<divid='ic' style='float:left'>içerik bla
</div>
</div>

#dis idli div içindeki float kullanımının etkisinde kalıyor. Onun için en basit şekliyle aşağıdaki gibi float kullanımından sonra clear:both kullanılırsa kapsayıcıyı float etkisinden kurtarır.

<div id='dis' style='background-image:url('back.jpg')'>
	<div id='ic' style="float:left;">içerik bla</div>
	<div id='ic2' style="float:left;">içerik bla</div>
	<div style="clear:both;"></div>
</div>

Saol frdtrkc dediğiniz işe yaradı.