Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

Divleri Mozaik şekilde nasıl sıralarım

Öncelikle merhaba,

Açıkçası sorumu açıklamaya kalktığımda bayağı uzun oluyor :) kısacası ben veritabanından çektiğim verileri divler halinde http://pinterest.com daki gibi mozaik düzende göstermek istiyorum sayfa genişliğine göre yanyana gelicek içerik sayısınınında değişmesini istiyorum

Şu şekilde denedim: 

<style type="text/css">
#dis_bolme { 
width: 500px; 
height:800px;
background-color: #666
}
.ic_bolme{
	float: left;
	width: 150px;
	border: #CCC solid 1px;
	background-color: #F00;
	margin-right: 4px;
	margin-left: 4px;
	margin-top: 4px;
	padding:auto;
</style>



<div id="dis_bolme">
<div class="ic_bolme" style="height:150px;">Böme1</div>
<div class="ic_bolme" style="height:100px;">Böme2</div>
<div class="ic_bolme" style="height:170px;">Böme3</div>
<div class="ic_bolme" style="height:150px;">Böme3</div>
<div class="ic_bolme" style="height:150px;">Böme3</div>
<div class="ic_bolme" style="height:150px;">Böme3</div>
<div class="ic_bolme" style="height:150px;">Böme3</div>
</div>


Ama mozaik şekilde sıralanmıyor. Cevaplarınız, gösterdiğiniz yollar veya örnek kodlar için şimdiden teşekkür ederim :)
+0
-0
Cevaba KatılıyorumKatılmıyorum 		Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Doğru Cevap

Cevaplar