چطوری باید اینچنین Div h ای را درست کرد

[sg.programmer]

چطوری باید اینچنین Div ای را درست کرد

[golnouri]

یک دایو کلی قرار بدید.
با استفاده از margin یک دایو مرکزی تعریف کنید.
و با استفاده از margin left و right و فاصله از کنارو همچنین بهره گیری از mrgin top به سادگی می تویند این کارو انجام بدید.

سورس این مثال و ببین متوجه میشی.
72719

[ghasemweb]

ممنون استفاده کردیم. راستی با display:inline-block هم میشه همچین چیزی در آورد؟

[hamiii]

ممنون استفاده کردیم. راستی با display:inline-block هم میشه همچین چیزی در آورد؟
چینش divها فقط با شناور کردن(float)و حاشیه دادن(margin) اجرا میشه.ربطی به display نداره.
موفق باشی

[sg.programmer]

چطوری میتونم این تم (jet_30)زبر رو سه ستونه کنم
قسمت <div id="body"> از تم پاک بشه و سه ستونه بشه
هر کاری میکنم نشد div ها رو هم میوفته
بجای <div id="body"> عکس زیر باشه
72749

[alismith]

سلام
دوست عزیز من برای شما ی مثال زدم خودتون customize کنید


<!--body start -->
<div id="body">
<div style="width: 100%;">
<div style="width: 10%; float: left; text-align: center;">Left Side</div>
<div style="width: 80%; float: left; text-align: center;">Article</div>
<div style="width: 10%; float: left; text-align: center;">Right Side</div>
</div>
</div>
<!--body end -->


موفق باشید

[sg.programmer]

سلام تشکر
وقتی قرار می دم div ها رو هم می افتند
div های 1 و2 و 3 می افتند روی Div شماره 4 (<!--bodyBottom start --> <div id="bodyBottom">)

اینم عکسش
72756




<!--body start -->

<div id="body">
<div style="width: 100%;">
<div style="width: 10%; float: left; text-align: center;">Left Side</div>
<div style="width: 80%; float: left; text-align: center;">Article</div>
<div style="width: 10%; float: left; text-align: center;">Right Side</div>
</div>
</div>

<!--body end -->
<!--bodyBottom start -->
<div id="bodyBottom">
<!--news start -->

[sg.programmer]

سلام تشکر
وقتی قرار می دم div ها رو هم می افتند
div های 1 و2 و 3 می افتند روی Div شماره 4 (<!--bodyBottom start --> <div id="bodyBottom">)

اینم عکسش
72756




<!--body start -->
<div id="body">
<div style="width: 100%;">
<div style="border-style: groove; width: 10%; float: left; text-align: center; height:200px;">Left Side</div>
<div style="border-style: groove; width: 75%; float: left; text-align: center;height:200px;">Article</div>
<div style="border-style: groove; width: 10%; float: right; text-align: center;height:200px;">Right Side</div>
</div>
</div>

<!--body end -->
<!--bodyBottom start -->

[sg.programmer]

مشکلم با clear:both; حل شد
این دستور چه کاری انجام می ده
چطور می تونم برای مطالبم div جالبی طراحی کنم