ایجاد position مناسب !

[yeksib]

من قصد دارم توی یک صفحه یک باکس ایجاد کنم که همیشه جاش پایین صفحه باشه، یعنی اگر توی صفحه هیچ چیز نبود اون جاش تغییر نکنه ،و اگر صفحه پر از چیزی بود پایین پایینش باکس من قرار بگیره.کسی میتونه کمکم کنه؟

[pary_daryayi]

css


#panel{
background-color:#f32;
width:800px ;
min-height:150px;
margin: 20px auto;
position: relative;
border: solid 0;
border-radius: 10px;
}
#side{
background-color:#fc6;
width:400px;
height:50px;
position: absolute;
bottom:0;
left: 25%;
border: solid 0;
border-radius: 10px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
cursor: pointer;
}


html:


<div id="panel">
<div id="side" ></div>
</div>



positaion میبایست absoulte تعریف بشه

[yeksib]

ولی id panel بازهم اگه چیزی توی صفحه نباشه میاد بالای صفحه قرارمیگره و side فقط پایین panel قرار میگیره! برای اینکه panel همیشه پایین قرار بگیره و هر چی دیگه هم که اضافه شد، panel زیر اونها باشه باید چیکار کنیم؟

[khanlo.javid]

دوست عزیز فقط کافیه بهش یه ارتفاع پیش فرض بدی که با min-height تعریف میشه بقیشو دیگه باید خودت تو طراحی انجام بدی .





موفق باشید.

[s2/mri]

سلام

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



#panel{
background:url(imge.png) no-repeat bottom left;
background-attachment:fixed;
}


موفق باشید