مشکل با فوتر سایت [بایگانی]

sh_esharif

دوشنبه 09 شهریور 1394, 22:47 عصر

دوستان سلام
من چطوری فوتر سایت رو ایجاد کنم که در حالت عادی قسمت انتهایی صفحه باشه و اگه محتوای سایت که از دیتابیس میاد زیاد بود و صفحه scroll خورد بره پایین تر.
به فوتر style زیر رو دادم ولی اسکرولش مشگل داره:

position: absolute;
bottom: 0;

<?php?>

سه شنبه 10 شهریور 1394, 05:14 صبح

سلام . به این عکس دقت کن :
134802
تو عکس بالا تگ های جدید HTML5 رو میبینی ( سعی کن تو کد نویسی قالب خودت از این تگ های جدید استفاده کنی که خیلی بهتره و از شره تگ div خلاص میشی )
شما باید به تگ main یا ( div که کلاس main بهش دادی ) این دستور رو بدی :

main{
min-height:755px;
max-height:aotu;
}

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

خیلی ساده توضیح دادم امید وارم که مشکلت حل شده باشه

sh_esharif

سه شنبه 10 شهریور 1394, 09:38 صبح

ممنون از جوابتون ولی متاسفانه درست نشد!!!

این هم عکسش:

134808

این یک سایت خبری تستی است که دارم با mvc می نویسم(تازه دارم یاد میگیرم).

dreadful

سه شنبه 10 شهریور 1394, 10:23 صبح

خوب شما واسه چي پوزيشن رو اپسولوت كردين ؟
پوزيشن رو بگذاريد همون رلتيو باشه
و اندازه رو بكنيد ١٠٠٪
تگ ديو(فوتر) رو هم بگذاريد اخره اخر
حالا هر چي اون بالا اضافه بشه
اين فوتر مياد پايين تر و ميچسبه پايين
+ اگه نشد يه فلوت رايت هم اضافه كن ببين خوب ميشه يا نه !

sh_esharif

سه شنبه 10 شهریور 1394, 14:40 عصر

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

.footer {
background-color: lightgray;
height: 50px;
position: relative;
bottom: 0;
margin: 0 auto -50px;
}

منظورتون رو از اندازه رو 100% بدین نفهمیدم.:متفکر:
الان بهتر شده ولی باز هم مشکل داره. فوتر به پایین فرم نچسبیده!!! div فوتر رو آخر قرار دادم و فقط قسمت وسط رو اسکرول دادم.

134827

پیام حیاتی

سه شنبه 10 شهریور 1394, 17:41 عصر

div وسط رو چرا Scroll دادید؟!!
قبل از کلاس footer یک کلاس clear ایجاد کنید.
منظور از 100% این هست که عرض را تمام صفحه پر کند.