سوال: روبروی هم قرار دادن تگ div ؟؟؟ [بایگانی]

amir22448

یک شنبه 22 مرداد 1391, 21:46 عصر

با سلام.من یه سایت می خوام طراحی کنم که سه ستونه باشه.

اگه بخوام سه تگ دیو را باCSS روبروی هم قرار بدم باید از چه چیزی استفاده کنم؟من از position استفاده می کردم ولی خوب معلومه که کار نمی کنه چون رزولشن مانیتور ها فرق می کنه.
ممنون می شم جوابم رو بدید

Mohsen.

دوشنبه 23 مرداد 1391, 00:03 صبح

شما باید از دستور float استفاده کنید.

amir22448

دوشنبه 23 مرداد 1391, 20:56 عصر

میشه بگید که چجوری؟آخه ما فقط Float برای چپ و راست داریم برای وسط نداریم.

Mohsen.

دوشنبه 23 مرداد 1391, 21:00 عصر

فکر کنم این نمونه خوبی باشه.

khanlo.javid

سه شنبه 24 مرداد 1391, 09:09 صبح

این کد قالب سه ستونه که خیلی ساده هم هست.

<div style="margin:auto;width:900px;border:solid 1px">
<div style="float:right;width:296px;border:solid 1px;height:300px">
<p>ستون سمت راست</p>
</div>
<div style="float:right;width:296px;border:solid 1px;height:300px">
<p>ستون وسط</p>
</div>
<div style="float:right;width:296px;border:solid 1px;height:300px">
<p>ستون سمت چپ</p>
</div>
<div style="clear:both">
</div>
</div>

موفق باشید.

refugee

شنبه 28 مرداد 1391, 17:44 عصر

این کد قالب سه ستونه که خیلی ساده هم هست.

<div style="margin:auto;width:900px;border:solid 1px">
<div style="float:right;width:296px;border:solid 1px;height:300px">
<p>ستون سمت راست</p>
</div>
<div style="float:right;width:296px;border:solid 1px;height:300px">
<p>ستون وسط</p>
</div>
<div style="float:right;width:296px;border:solid 1px;height:300px">
<p>ستون سمت چپ</p>
</div>
<div style="clear:both">
</div>
</div>

موفق باشید.

الان کار :
<div style="clear:both">

چیه این وسط ؟ ممنون

amir22448

یک شنبه 29 مرداد 1391, 11:04 صبح

به عنوان فوتر استفاده می شود

khanlo.javid

دوشنبه 30 مرداد 1391, 08:49 صبح

الان کار :
<div style="clear:both">

چیه این وسط ؟ ممنون

اگه دقت کنید من تو کد هام برای روبه روی هم قرار دادن از float استفاده کردم و باید این float ها رو clear میکردم که کردم ....

ok ???