אני מנסה ליצור footer שתמיד (בלי קשר לרזולוציה) ישב דבוק לתחתית המסך.

יש כמובן שני מצבים:

1. כאשר התוכן בחלק העיקרי של האתר לא ממלא את כל המסך ואז יש רווח בין הFOOTER לבין התוכן.

2. כאשר התוכן מלא את כל המקום (תלוי כמובן ברזולוציה) ואז הFOOTER "דבוק" לתוכן וגם לתחתית המסך.

אני פשוט לא מצליח לעשות את זה כמו שצריך עם CSS.

מישהו בטח כבר נתקל בזה ויכול לעזור.

נ.ב - נא לא לשלוח אותי סתם לגוגל - כבר חיפשתי שם ואפילו די הרבה ולא מצאתי משהו שעובד כמו שצריך בכל הדפדפנים.

תשתמש בPOSITION: FIXED. כמובן שזה לא יעבוד בEXPLORER 6, אלא בFF ובIE7 ומעלה.

לא מצאתי משהו שעובד כמו שצריך בכל הדפדפנים.

:

את זה כבר ידעתי.

לרוב האנשים אין IE7 או FF אז אני לא יכול להשתמש בזה.

http://www.cssplay.co.uk/layouts/fixed.html

זה מאפשר לנצל באג של אקספלורר 6 על מנת לגרום לאותה התנהגות כמו position fixed.

זה עדיין לא אומר שפה גמרת את העניין כן - כי לכל רזולוציה תצטרך להגדיר מיקום שונה לfooter.

כדי לגלות את גודל הדף בדפדפן לגובה תשתמש בפונקציה הבאה - היא תחזיר את גובה המסך (גאוו'ה סקריפט שפועל לכל הדפדפנים)

אתה צריך לקרוא ל f_clienHeight();

function f_clientHeight() {
	return f_filterResults (
		window.innerHeight ? window.innerHeight : 0,
		document.documentElement ? document.documentElement.clientHeight : 0,
		document.body ? document.body.clientHeight : 0
	);
}

function f_filterResults(n_win, n_docel, n_body) {
	var n_result = n_win ? n_win : 0;
	if (n_docel && (!n_result || (n_result > n_docel)))
		n_result = n_docel;
	return n_body && (!n_result || (n_result > n_body)) ? n_body : n_result;
}

תחשב את הגובה בו אתה צריך את ה-footer שלך (גובה הדף בדפדפן פחות גובה ה-footer) ותכניס את זה למשתמש - נגיד myFooterPosition

תו ל footer שלך איזה id - נגד myFooter וכדי להגידר את מיקומו לגובה תעשה.

document.getElementById("myFooter").style.top = myFooterPosition + "px" ;

כמובן שאת השורה הזאת אתה צריך לשים - אחרי שכבר הfooter בדף... אחרת תקבל error של אלמנט לא קיים/

אני לא בטוח אם באמת תעבור את כל הטרחה הזאת... אבל אם כן אתה מוזמן להגיב.