قرار دادن چند عدد DIV

[alireza244]

با سلام

من میخوام صفحه را با 4 قسمت تقسیم کنم
سه تا دیو کنار هم بصورت افقی
یه چیزی مثل شکل زیر

| | | |
|div1|div2|div3
| | | |
-------------------
div4
-------------------
من دیوهای 1و2و3 را با خاصیت float و left , right تنظیم کردم
ولی نمیدونم چطور دیو4 را زیر اونها قرار بدم طوریکه همیشه زیر این دیو ها باشه(یعنی وقتی صفحه بزرگ شد اون هم خودش را پایین تر بکشه)

با تشکر

[man4toman]

شما اول سه div رو با کمک دادن فلوت توییک ریدف می چینی. بعد به هر سه خاصیت
height:auto;
میدی .بعد هم با یک br به سطر بعدی میری و div4 رو میزاری زیرشون.

[alireza244]

با سلام به همه و درود فراوان به مخترع CSS و کسی که خاصیت های float و Clear را درست کرد (شما هم براشون دعا کنید)
من اتفاقی جواب سوالم را پیدا کردم
با این کار با جدول ها خداحافظی میکنیم

سه تا دیو اولی که افقی کنار هم قرار میگیرند رو با خاصیت های float و left و Right مقدار دهی میکنیم
و دیو چهارم را با با خاصیت Clear:both مقدار دهی میکنیم
و این میشه همون چیزی که من میخواهیم
این هم یه نمونه کد

<div>
<div style="background-color: #800000; width: 300px; float: left">div3</div>
<div style="background-color: #0000FF; width: 300px; float: right">Div 1</div>
<div align="center" style="background-color: #FFFF00; right: 300px; left: 300px">div2</div>
</div>
<div style="background-color: #800080; clear: both;"> div 4</div>

[amironline]

اينجا (http://www.devcurry.com/2009/07/3-column-css-layout-with-header-and.html)هم يه روش ديگه توضيح داده شده

[Hossis]

با سلام

چطور دیو4 را زیر اونها قرار بدم طوریکه همیشه زیر این دیو ها باشه(یعنی وقتی صفحه بزرگ شد اون هم خودش را پایین تر بکشه)

با تشکر

من هم همین مشکل رو دارم چون با بزرگ شدن ارتفاع سه دیو بالا،‌از روی دیو 4 رد می شند

[Hossis]

اينجا (http://www.devcurry.com/2009/07/3-column-css-layout-with-header-and.html)هم يه روش ديگه توضيح داده شده

ای ول این بهترین چیزی بود که در جواب این معما دیدم ، واقعا پیروز از میدان در اومد