ورود

View Full Version : سوال: تقسیم صفحه به 3 قسمت با div


jeson_park
شنبه 07 اردیبهشت 1392, 19:29 عصر
سلام
می خواس صفحه رو به این صورت به 3 قسمت تقسیم کنم
چه طوری این کار رو با div انجام بدم؟


103391
phpeproject.ir
شنبه 07 اردیبهشت 1392, 19:36 عصر
قسمت با لا با دو دیو
float:right
یکی عرض 30 درصد یکی 70 درصد
وقسمت پایین بدون دستور بالا
jeson_park
پنج شنبه 12 اردیبهشت 1392, 14:11 عصر
با سلام
در Designer ویژوال استودیو نمایشش می ده اما توی browser نشون نمی ده!


<div style="width: 100%; height: 100% ">
<div id="top" style="background-color:Green; float:right; width:70%; height:50%">

</div>
<div id="bottom" style="background-color:Red;float:right; width:30%; height:50%">
</div>
<div>

</div>


</div>


103599
pary_daryayi
پنج شنبه 12 اردیبهشت 1392, 14:31 عصر
اینو ببینید ، ایده بگیرید .

این لینک (http://blog.web-site-man.ir/%DA%86%D9%8A%D8%AF%D9%85%D8%A7%D9%86-div-%D8%A8%D8%B5%D9%88%D8%B1%D8%AA-%D8%A7%D9%81%D9%82%D9%8A-%D9%88-%D8%B9%D9%85%D9%88%D8%AF%D9%8A-%D8%AF%D8%B1-%D9%83%D9%86%D8%A7%D8%B1-%D9%87%D9%85/)
jeson_park
دوشنبه 16 اردیبهشت 1392, 12:50 عصر
pary_daryayi (http://barnamenevis.org/member.php?271514-pary_daryayi) عزیز این ممنون
اولی ربطی نداشت
ولی مثال دومی که داده بودجور دیگه Design کرده! با یکم تغییر همون چیزی بود می خواستم
به هر حال ممنون
DeveloperStudio
دوشنبه 16 اردیبهشت 1392, 13:03 عصر
به این منابع سر بزن:

آموزش تگ div
(http://developer1.ir/HTML/Formating.aspx#div)آموزش تگ table
(http://developer1.ir/HTML/Table.aspx)
کار با تگ های div و table در CSS (http://developer1.ir/CSS/Table.aspx)
DeveloperStudio
دوشنبه 16 اردیبهشت 1392, 13:04 عصر
به این منابع سر بزن:

آموزش تگ div
(http://developer1.ir/HTML/Formating.aspx#div)آموزش تگ table
(http://developer1.ir/HTML/Table.aspx)
کار با تگ های div و table در CSS (http://developer1.ir/CSS/Table.aspx)
Deutsch
سه شنبه 17 اردیبهشت 1392, 17:33 عصر
با سلام . من وقتی که یکی را right گرفتم و یکی را left در مرورگر هم درست نشان می داد . ( شما دوتاش رو right گرفته بودی )


<div style="width: 100%; height: 100% ">
<div style="background-color:Green; float:right; width:70%; height:50%">
aaaaaaaaaaaaaaaa
</div>
<div style="background-color:Red;float:left; width:30%; height:50%">
bbbbbbbbbbbbbbbbb
</div>
<div>
ccccccccccccccccc
</div>


</div>

به قول یکی از کاربران ، وقتی دو تا جعبه دارید ، نمی شه هر دو تاش رو سمت چپ بگذارید . بالاخره یکی را باید سمت راست تنظیم کنید و یکی را سمت چپ .