רוטר - צריך עזרה עם Sticky Footer

יומן פעילות	לוח שנה	מבזקי חדשות	תקנון	RSS	כותרות	כותרות לפי תגובה	ניקוי קוקיז	IP	להורדת אפליקציה
eBay	AliExpress	GearBest	Amazon	Booking	Kiwi	SkyScanner	Trip Advisor

"צריך עזרה עם Sticky Footer"

גירסת הדפסה

קבוצות דיון פיתוח, תיכנות ובניית אתרים נושא #21410	מנהל סגן המנהל מפקח Winner צל"ש מומחה

אשכול מספר 21410

Zeet3x

חבר מתאריך 14.2.12
9976 הודעות, 24 פידבק, 18 נקודות

20:14 01.09.15

צריך עזרה עם Sticky Footer

אני רוצה לעשות באתר footer שיהיה כל הזמן בחלק התחתון של הדף.
חיפשתי בגוגל וראיתי שיש כל מיני תרגילים לעשות את זה, אבל הבעיה היא שבדפים ארוכים אז הוא לא נשאר לי למטה אלא פשוט נמצא לי באמצע הדף.
דוגמא למה שקורה בדף הבית (פה זה טוב):

דוגמה למה שקורה בדף עם הרבה תוכן (שימו לב שזה נכנס לי באמצע התוכן):
זה הקוד של הדף:

יש למישהו רעיון?
עבדתי לפי המדריך הזה:
http://getbootstrap.com/examples/sticky-footer/
http://ryanfait.com/sticky-footer/

שתף

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

האשכול	מחבר	תאריך כתיבה	מספר
footer	Webstorm	01.09.15 21:44	1
אתה יודע שהראשון עובד על bootstrap, נכון?	sza	03.09.15 13:34	2
אם לא הסתדרת תכין jsfiddle שנוכל לשחק אם זה ולעזור לך בצורה	sharkk	04.09.15 18:07	3

Webstorm
חבר מתאריך 2.8.15
65 הודעות, דרג אמינות חבר זה

21:44 01.09.15

1. footer
בתגובה להודעה מספר 0

הימור קטן - תנסה להכניס את התגית של הFOOTER לתוך אחד מהdirective שלך (snap-content) בסוף שלו. זה אולי לא יהיה הכי יעיל בעולם אבל זה כנראה יעבוד לך.
בלי שום קשר - אם אתה בונה עם אנגולאר , אני ממליץ לך בחום על
https://angular-ui.github.io/bootstrap/

זה בילד של bootstrap שנבנה ייעודית לעבודה עם אנגולאר..

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

sza

חבר מתאריך 26.4.02
12357 הודעות, 22 פידבק, 43 נקודות

13:34 03.09.15

2. אתה יודע שהראשון עובד על bootstrap, נכון?
בתגובה להודעה מספר 0

לא כללת את הhead אז לא ראיתי אם הוא מאונקלד בקובץ.
בכל מקרה אתה רק צריך לרשום בסוף העמוד את הfooter בצורה הזאת:

<footer class="footer">
<div class="container">
<p class="text-muted">Place sticky footer content here.</p>
</div>
</footer>
אני לא רואה אצלך את ה <p> הפנימי

צחי.
http://webleader.co.il/websites/rotter/amionline.php#.jpg

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

sharkk
חבר מתאריך 2.9.02
1306 הודעות, דרג אמינות חבר זה

18:07 04.09.15

3. אם לא הסתדרת תכין jsfiddle שנוכל לשחק אם זה ולעזור לך בצורה
בתגובה להודעה מספר 0

יותר רצינית

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד