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

View Full Version : سوال: سه ستونه کردن div

whfrwhfr

چهارشنبه 30 دی 1394, 22:37 عصر

سلام
من طراحیم با استفاده از div میخوام انجام بدم حالا به چه صورت باید سه ستونش کنم
لطفا یکی من راهنمایی کنه

noroozifar

چهارشنبه 30 دی 1394, 23:31 عصر

از bootstrap استفاده کنید امکانات خیلی زیادی دارد البته در طراحی سایت بهتره bootstrap یاد بگیرید در غیر اینصورت با دستور float در css به راحتی قابل انجام است :

<style>
#col1
{
width: 200px;
height:700px;
float:left;
background-color:red;
left:5%
}
#col2
{
width: 200px;
height:700px;
float:left;
background-color:blue;
left:40%

}
#col3
{
width: 200px;
height:700px;
float:left;
background-color:green;
left:60%
}

</style>
<div id="col1">
col1
</div>
<div id="col2">
col 2
</div>
<div id="col3">
col 3
</div>

mortezagt

دوشنبه 05 بهمن 1394, 11:46 صبح

حتما باید از div استفاده کنی ؟
راحت ترین کار استفاده از table خود html هست
اینطوری
<table width="200px">
<tr>
<td bgcolor="Red">ستون 1</td>
<td bgcolor="#3333FF">ستون 2</td>
<td bgcolor="#33CC33">ستون 3</td>
</tr>
</table>

CsharpNevisi

دوشنبه 05 بهمن 1394, 12:52 عصر

استفاده از Table خیلی وقته که منسوخ شده .. !!!
البته تو تقسیم کردن صفحه و طرح بندی ..
Table تو طراحی فرم ها میتونه خیلی مفید باشه .. من تو فرم هام ازش استفاده میکنم .. !!

DIV رو نمیتونی سه ستونه کنی باید سه تا DIV درست کنی ..

<!doctype html><html><head><meta charset="utf-8"><title>Untitled Document</title>
<style> body { padding:0px; margin:0px; direction:rtl; } .Divs { float:right; width:33.33333333333333333%; height:100vh; } </style></head>
<body> <div class="Divs" style="background:#FF0000;"></div> <div class="Divs" style="background:#00FF00;"></div> <div class="Divs" style="background:#0000FF;"></div></body></html>