مشکل چیدمان ستونی div های پست در قالب مثلا وردپرس

[ali abedian]

سلام دوستان من توی چیدمان div ها مشکل دارم
میخوام مثل شکل زیر بشه

http://cdn.persiangig.com/preview/Lx5CxZCygN/Untitled-1.jpg


اما متاسفانه اینطوری میشه

http://cdn.persiangig.com/preview/Fr54LbfVpa/%D9%85%D8%B4%DA%A9%D9%84.jpg


باید چیکار کنم که همه ی div ها بصورت به ترتیب از سمت راست شروع بشن و ۱ ، ۲ ، ۳ ، ۴ در سطر اول و در ۴ ستون قرار بگیرن و بعدش ۵ ، ۶ ، ۷ ، ۸ در سطر دوم .. و به همین ترتیب الی به آخر
اما تغییر ارتفاع هر دایو روی دایو دیگه اینطوری اثر نذاره که div زیریش بپره بره روی ستون جلوتر..
ان شاء الله که متوجه شده باشین
ممنونم

[siros1983]

اگه کدهاشو قرار میدادید خیلی خوب میشد
شما احتمال فراوان از float استفاده کردید خب
شما بعد از div 4 یه div خالی با کلاس clear بسازید و بزارید و توی css هم برای این کلاس clear:both قرار بدید به احتمال فراوان این مشکلتون حل میشه

[دانیال دزفولی]

http://vnjs.net/www/project/freewall/

[ali abedian]

نمیخوام از این روش استفاده کنم وگرنه خود بوت استراپ برای این مشکل کدی داره ولی من منظورم اینه که دایوها همه بصورت عمودی و در کنار هم در سطرها قرار بگیرن

[ali abedian]

بسیار عالی هست دقیقا منظورم همین بود .. ولی نمیشه بدون جاوااسکریپت اینکارو کرد؟
یعنی فقط با کدهای css
ممنون میشم راهنمایی بفرمایید
http://vnjs.net/www/project/freewall/example/pinterest-layout.html

[دانیال دزفولی]

وقتی ارتفاع متغیر هست نمیشه
در صورتی که ارتفاع ثابت باشه میشه ...