كيف تثبيت footer في الأسفل ؟

Abdulazeez Altameemi · 17 يوليو 2022

قمت بأنشاء footer من bootstrap لكني واجهت مشكلة ان footer لا يثبت في الاسفل اذا كانت الصفحة فارغة او فيها محتوى قليل

كيف يمكنني تثبيت footer في الاسفل بدون تحريكه من مكانه ؟

شكراً لكم ..

Wael Aljamal · 17 يوليو 2022

هل تقصد أنك تريد عرض التذييل بشكل ظاهر للمستخدم بشكل دائم؟

حاول إعطاء التذييل موقع ثابت Fixed مع تحديد بعده عن أسفل الصفحة 0 مع تحديد ارتفاع مناسب له

#footer {
   position: fixed;
   bottom:0;
   width:100%;
   height:60px;   /* Height of the footer */
   background:#6cf;
}

السؤال