ثابت کردن div در پایین صفحه

[payamka]

سلام دوستان
من یک تگ div تو صفحه دارم که میخوام همیشه در پایین ترین قسمت سایت باشه یعنی بچسبه به آخر مرورگر
بعضی از صفحات که محتواشون زیاده و اسکرول دارن مشکل نداره ولی توی بعضی اط صفحات که محتوا کمه این div میاد زیر بقیه المان های صفحه و دیگه به آخر صفحه وصل نیست.
کسی میدونه چجوری این مشکل حل میشه؟

[pcseven]

سلام دوستان
من یک تگ div تو صفحه دارم که میخوام همیشه در پایین ترین قسمت سایت باشه یعنی بچسبه به آخر مرورگر
بعضی از صفحات که محتواشون زیاده و اسکرول دارن مشکل نداره ولی توی بعضی اط صفحات که محتوا کمه این div میاد زیر بقیه المان های صفحه و دیگه به آخر صفحه وصل نیست.
کسی میدونه چجوری این مشکل حل میشه؟

از Twitter Bootstrap استفاده کن به این صورت:

<div class="navbar navbar-fixed-bottom">
...
</div>
اطلاعات بیشتر در این آدرس (http://rbootstrap.ir/components.html#navbar)

[ateryad]

با سلام دوست عزیز
باید برای اون div این خاصیت رو در css بنویسید:



position: fixed;
bottom: 0;

[payamka]

از Twitter Bootstrap استفاده کن به این صورت:

<div class="navbar navbar-fixed-bottom">
...
</div>
اطلاعات بیشتر در این آدرس (http://rbootstrap.ir/components.html#navbar)

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

[payamka]

با سلام دوست عزیز
باید برای اون div این خاصیت رو در css بنویسید:



position: fixed;
bottom: 0;


اینجوری اگه محتوای صفحه زیاد بشه این div میفته رو محتوا

[mohammad-haji]

یه راهش اینه که به آخرین المنت داخل فایل html حاشیه margin-bottom ویا padding-bottom بدی

تا همیشه از مطلب چسبیده شده به پنجره مرورگر فاصله داشته باشه

[asghar2008]

سلام

من مبتدی ام و تازه شروع به یادگیری Html و Css کردم.داشتم برا اولین بار یه قالب طراحی میکردم که همین مشکل رو داشتم .من اومدم با Margin اونو تنظیم کردم .

البته نمیدونم روش درستیه یا نه.

اینم کدی هست که نوشتم :

#footer{
margin: 0px auto 50px auto;
background-color:#CCC;
height:50px;
width:740px
}


ابتدا تو صفحه Html با استفاده از Div قسمت پایین یعنی Footer رو مشخص کردم. وبا کد بالایی بهش استایل دادم.

اگه ایراد داره ممنون میشم راهنمایی کنید.

[pcseven]

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

اشکالی ندارد! کاری که می خواهید انجام بدهید را با استفاده از فریمورک پیاده سازی کنید، سپس با استفاده از Firebug المان مورد نظر را Inspect کرده و در قسمت Style گزینه Only Show Applied Styles را انتخاب کنید یا از برگه Computed استایل مورد نظر خود را بدست آورید.
اینطوری هم از بهروش های فریمورک استفاده کرده اید و هم از فریمورک در صفحه وب خود استفاده نکرده اید!!!
یقیناً کدی که در یک فریمورک استفاده شده در شرایط خاص و همچنین مرورگرهای مختلف تست شده و قابلیت اطمینان بیشتری نسبت به استایل هایی که به صورت دستی و فی البداهه می نویسیم دارد.

[maktoom]

سلام
توی html5 یه تگ هست به نام footer.

[esmaeilbf]

http://webgoo.ir/149/%DA%86%D8%B3%D8%A8%DB%8C%D8%AF%D9%86-%D9%81%D9%88%D8%AA%D8%B1-%D9%82%D8%A7%D9%84%D8%A8-%D8%A8%D9%87-%D9%BE%D8%A7%D8%A6%DB%8C%D9%86-%D8%B5%D9%81%D8%AD%D9%87-%D8%A8%D8%A7-css

از این آموزش استفاده کنید ببینید جواب میده!

[asghar2008]

سلام
توی html5 یه تگ هست به نام footer.
سلام

درست هست !

اما برای نشان دادن Footer هم در Html5 باید استایل داد.