چرا footer به انتهای صفحه نمی چسبه؟!

[mosesbarok]

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

من یه طرح سه ستونه ساختم. بخش header و main و left , rightsidebar رو ساختم. به بخش footer که رسیدم. نمی دونم چرا هر کاری می کنم به انتهای صفحه نمی چسبه. به انتهای مرورگر می ره و ثابت باقی می مونه و وقتی می ری پایین باز ثابت مونده.

کل اینترنتم چرخیدم از تمام نکته هایی که گفته شده بود هم استفاده کردم ولی هیچ اتفاقی نیوفتاد!!!!

اینم کد قسمت footer:


#footer {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666;
background-color:#CCC;
text-align: right;
margin: 0px auto;
padding: 10px;
width:100%;
height:auto;
min-height: 125px;
position: absolute;
bottom:0;
right:0;
clear:both;
}


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

[af6900]

نمی دونم درست متوجه شدم یا نه اگر میخواید footer به انتهای صفحه بچسب باید این کد رو بنویسید

body{ margin:0;}

[mosesbarok]

نمی دونم درست متوجه شدم یا نه اگر میخواید footer به انتهای صفحه بچسب باید این کد رو بنویسید

body{ margin:0;}

داداش من این کارو هم کردم ولی هیچ اتفاقی نیوفتاد !!!

[amir22448]

در کدتون کد زیر را بردارید:

position: absolute;

[mosesbarok]

در کدتون کد زیر را بردارید:

position: absolute;

داداش من این کار رو کردم ولی بدتر شد. footer اومد چسبید به زیر header !!!!!!

[amir22448]

سلام.من تو نرم افزار Visual Studio کد رو امتحان کردم.شما راست می شگید نمی چسبه.من کد های زیر را برداشتم درست شد!:


position: absolute;
bottom:0;
right:0;

[mosesbarok]

سلام.من تو نرم افزار Visual Studio کد رو امتحان کردم.شما راست می شگید نمی چسبه.من کد های زیر را برداشتم درست شد!:


position: absolute;
bottom:0;
right:0;


سلام، مرسی از اینکه جواب دادی. من این 3 کد رو هم برداشتم ولی بجای اینکه به انتهای صفحه بچسبه به انتهای مرورگر می چسبه !!!!:ناراحت::اشتباه:

[Saber Mogaddas]

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

[mosesbarok]

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

سلام
ببینید منظور من اینه که من موقعی که footer رو ساختم و بعد تو مرورگر تست کردم footer به این شکل بود (تصویر اول)

91458

ولی موقعی که scroll به پایین می کنی به این شکله !!!!
(تصویر دوم)

91457

که کدهارم تو پست اول گذاشتم.

[Saber Mogaddas]

سلام
شما می خواهید که footer با اسکرول کردن به پایین بره؟ اگه آره که :
به جای position: absolute; دستور position: fixed ; رو قرار بدید..
نه اگه می خواهید پایین محتوای اصلی قرار بگیره ..
1 - باید کل محتوا بجز فوتر داخل یک دیو اصلی قرار بگیره ..
2- در انتهای این دیو اصلی یعنی قبل از <div/> یک دیو ایجاد می کنید و به استایل اون فقط clear:both قرار می دید..
3- الان دیگه باید نتیجه ای که می خواستیم حاصل شه فقط خاصیت position رو از فوتر به کل حذف کنید..
در صورتی که این کار عملی نشد فایل های html و css رو ضمیمه کنید تا بررسی شه .
موفق باشید..

[mosesbarok]

مرسیی داداش درست شد، خیلی اقاییی :-*