چسباندن فوتر به پایین صفحه به صورت ریسپانسیو

[سیدرضا بازیار]

من یه موتور جستجوگر ساختم که میخوام شبیه به صفحه پیشفرض فایرفاکس باشه
وقتی صفحه پیشفرش فایرفاکس رو کوچک کنید و ارتفاع رو کم کنید ابتدا فاصله ها برداشته میشه و در آخر میره زیر
اما در سایت من وقتی ارتفاع رو کم کنید فوتر ثابته و همه چیز میره زیر فوتر (بدون از بین بردن فاصله ها)
http://sms.balyan.ir/

راه حل این مشکل چیه؟

[MersadRezvani]

من یه موتور جستجوگر ساختم که میخوام شبیه به صفحه پیشفرض فایرفاکس باشه
وقتی صفحه پیشفرش فایرفاکس رو کوچک کنید و ارتفاع رو کم کنید ابتدا فاصله ها برداشته میشه و در آخر میره زیر
اما در سایت من وقتی ارتفاع رو کم کنید فوتر ثابته و همه چیز میره زیر فوتر (بدون از بین بردن فاصله ها)
http://sms.balyan.ir/

راه حل این مشکل چیه؟

اگه درست متوجه شده باشم:
#footer
height: auto; تغییر بدید

[amir.h.s]

سلام.
اگه درست منظورتون رو متوجه شده باشم شما میخواید نوار خاکستری رنگ فوتر تا هر جا که آیکون ها برن زیرشون قرار داشته باشه.
اگه اینطوره باید متن زیر رو به تابع <ul id="footer"> در فوتر تون اضافه کنید.

style="height: initial"

یعنی به این شکل در بیاد:

<ul id="footer" style="height: initial">