قرار دادن box در انتهای صفحه با css

[reza69]

سلام من یک کادر دارم که میخوام پایین صفحه قرار بگیره. ولی با کدی که نوشتم بالای صفحه قرار میگیره.

.downbox {
background-color: #bbbbbb;
margin:1px 1px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
height: 250px;
width: auto ;
position :relative ;
bottom :auto ;
}

[meysam1366]

سلام

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


clear:both;

[Omid Jackson]

http://jsfiddle.net/Blend_Design/3w2YZ/
position: absolute و bottom: 0 میچسبه پاییت صفحه
در صورتی که بخواین با اسکرول جابجا شه position: fixed و bottom: 0

[reza69]

سلام

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


clear:both;
نشد................

[reza69]

http://jsfiddle.net/Blend_Design/3w2YZ/
position: absolute و bottom: 0 میچسبه پاییت صفحه
در صورتی که بخواین با اسکرول جابجا شه position: fixed و bottom: 0
وقتی position: absolute
میکنم محو میشه.

[reza69]

ممنون از همه درست شد.

[reza69]

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

.downbox {
background-color: #bbbbbb;
margin: 1px 1px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
height: 250px;
width: 99%;
position:absolute ;
bottom:0;

}

[Omid Jackson]

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

.downbox {
background-color: #bbbbbb;
margin: 1px 1px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
height: 250px;
width: 99%;
position:absolute ;
bottom:0;

}


گفتم، اگر میخواین با اسکرول پایین صفحه بمونه position رو fixed کنین

[reza69]

گفتم، اگر میخواین با اسکرول پایین صفحه بمونه position رو fixed کنین

نه نمیخوام با اسکرول پایین صفحه بمونه میخوام کلا پایین صفحه باشه.

[Omid Jackson]

نه نمیخوام با اسکرول پایین صفحه بمونه میخوام کلا پایین صفحه باشه.

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

[reza69]

خب دلیلتون چیه که مرورگر رو کوچیکو بزرگ میکنین، دلیل خاصی داره؟ اگر منظورتون به اندازه گوشی، تبلت، ... هست که اون مشکلی نیست، چون تازه صفحه باز میشه اون هم مقدار جدید میگیره به خودش
نه بابا من کلا اندازه صفحم 1500پیکسل هست ولی وقتی صفحه لود میشه کادر مورد نظر تو صفحه نمایش وسط صفحه قرار میگیره و به ته نمیچسبه.

[Omid Jackson]

نه بابا من کلا اندازه صفحم 1500پیکسل هست ولی وقتی صفحه لود میشه کادر مورد نظر تو صفحه نمایش وسط صفحه قرار میگیره و به ته نمیچسبه.

میشه کل کد ها رو اینجا قرار بدین؟! من که اینجوری چیزی نمیفهمم

[reza69]

میشه کل کد ها رو اینجا قرار بدین؟! من که اینجوری چیزی نمیفهمم
ok

.upbox {
background-color: #bbbbbb;
background :url('/pics/upbox back/11.jpg') repeat ;
margin:1px 1px;
/*background-size:100% 100%;*/
border-bottom-left-radius :15px;
border-bottom-right-radius: 15px;
height: 100px;
width: 99% ;
position :absolute;
top:0;
}


body
{
background-color:#eeeeee;
height:1500px;
}

.downbox {
background-color: #bbbbbb;
margin: 1px 1px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
height: 250px;
width: 99%;
position:absolute;
bottom:0px;

}

من با downbox کار دارم
up box سرجاشه و بالای صفحس.
اینم عکس قرار گیریش رو صفحه.
120050

[Omid Jackson]

دقیقا نمیدونم هدفتون از این کار چیه چون کارای بهتر از این میشه انجام داد ولی اگر همیشه ارتفاع body 1500 هستش و مقدار downbox 250 هست شما top رو 1250 بذارین مشکل حل میشه
اگر ارتفاعتون مقدارش فرق میکنه میتونین با جی کوئری مقدار ارتفاع body رو بدست بیارین بعد منهای ارتفاع این downbox کنین، بعد این مقدار رو بدین به top
http://jsfiddle.net/Blend_Design/n3uC7/