سلام میخوام فوتر سایتم دقیقا در انتهای صفحه بچسبه. الان کدهایی که نوشتم فوتر میاد وسط صفحه قرار می گیره.
<footer class="text-left main-footer">
<div class="row">
<div class="col-md-2 col-xs-12"></div>
<div class="col-md-8 col-xs-12"></div>
<div class="col-md-2 col-xs-12"></div>
</div>
</footer>
وقتی اجرا میکنم فوتر نمیره در انتهای صفحه بچسبه و وسط صفحه نمایش داده میشه. لطفا بفرمایید برای تنظیم footer سایت در انتهای صفحه با html و css باید دقیقا چیکار کنم ؟
این کار رو به سادگی می تونید انجام بدید. کافیه یک کلاس به نام footer ایجاد کنید. البته نام کلاس دلخواه هست. و برای این کلاس استایل های زیر رو بنویسید :
<style>
.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: red;
color: white;
text-align: center;
}
</style>
حالا کافیه به تگ footer خودتون این کلاس رو بدید. در واقع کد کامل شما به صورت زیر تبدیل میشه :
<style>
.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: red;
color: white;
text-align: center;
}
</style>
<footer class="text-left main-footer footer">
<div class="row">
<div class="col-md-2 col-xs-12"></div>
<div class="col-md-8 col-xs-12"></div>
<div class="col-md-2 col-xs-12"></div>
</div>
</footer>
حالا اگر اجرا کنید می بینید که فوتر سایت شما در انتهای صفحه ثابت شده. این کدها رو از این لینک میتونید ببینید.
تاریخ :
1401/01/28
- ساعت :
04:04:00 PM
- بازدید :
2656
- پاسخ :
1
|
تاریخ :
1404/01/03
- ساعت :
12:18:00 PM
- بازدید :
191
- پاسخ :
1
|
تاریخ :
1404/01/03
- ساعت :
10:39:00 AM
- بازدید :
174
- پاسخ :
1
|
تاریخ :
1404/01/02
- ساعت :
05:05:00 PM
- بازدید :
238
- پاسخ :
1
|
تاریخ :
1398/10/19
- ساعت :
02:01:00 PM
- بازدید :
3518
- پاسخ :
2
|
تاریخ :
1398/10/18
- ساعت :
10:26:00 PM
- بازدید :
3358
- پاسخ :
2
|
تاریخ :
1401/01/13
- ساعت :
02:27:00 AM
- بازدید :
2168
- پاسخ :
1
|
تاریخ :
1403/10/20
- ساعت :
12:45:00 AM
- بازدید :
298
- پاسخ :
0
|
تاریخ :
1398/09/25
- ساعت :
12:00:00 PM
- بازدید :
2522
- پاسخ :
1
|
تاریخ :
1403/08/29
- ساعت :
07:15:00 PM
- بازدید :
487
- پاسخ :
0
|
تاریخ :
1399/12/17
- ساعت :
02:47:00 PM
- بازدید :
8008
- پاسخ :
4
|
تاریخ :
1401/01/28
- ساعت :
04:04:00 PM
- بازدید :
2656
- پاسخ :
1
|
تاریخ :
1404/04/04
- ساعت :
02:25:00 PM
- بازدید :
31
- پاسخ :
1
|
تاریخ :
1404/04/04
- ساعت :
03:35:00 PM
- بازدید :
41
- پاسخ :
1
|
تاریخ :
1404/03/22
- ساعت :
06:32:00 PM
- بازدید :
79
- پاسخ :
0
|
تاریخ :
1403/10/08
- ساعت :
06:22:00 PM
- بازدید :
326
- پاسخ :
1
|
تاریخ :
1399/07/29
- ساعت :
05:26:00 PM
- بازدید :
8971
- پاسخ :
1
|
تاریخ :
1404/03/22
- ساعت :
11:17:00 PM
- بازدید :
122
- پاسخ :
2
|
تاریخ :
1404/03/20
- ساعت :
01:31:00 PM
- بازدید :
66
- پاسخ :
1
|
تاریخ :
1404/03/22
- ساعت :
11:10:00 AM
- بازدید :
93
- پاسخ :
1
|