נשלח בתאריך: 03 March 2008 בשעה 10:08 | | IP רשוּם
|
|
|
|
CSS
קוד:
/* Footer */
#footer {
clear: both;
padding: 20px 50px;
border-top: 4px solid #788714;
background: #8E9C34;
}
#footer p {
width: 770px;
margin: 0 auto;
font-size: x-small;
color: #FFFFFF;
}
#footer a {
text-decoration: underline;
color: #FFFFFF;
}
#footer a:hover {
text-decoration: underline;
}
/* Footer > Legal */
#legal {
}
/* Footer > Links */
#links {
}
|
|
|
HTML
קוד:
<div id="footer">
<p id="links"><a href="#">Privacy Policy</a> | <a href="#">Terms of Use</a></p>
</div>
|
|
|
בפשטות, מה שבעצם קורה הוא כל שינוי שאני מבצע בתוכן האתר, לדוגמא מחיקת שורות של טקסט, גורם למיקום של ה- Footer לעלות לחלק העליון ולהשאיר מתחתיו "WHITE SPACE", הנה דוגמא:
מה שבעצם אני רוצה וצריך לבצע הוא בצורה כלשהיא לקבע את ה- Footer ככה שתמיד ישאר בתחתית של הדף, ללא שום תלות בתוכן המתווסף/הנמחק.
ניסיתי לבצע זאת אך נתקלתי בכמה בעיות:
קודם כל, כשהשתמשתי ב- Position Absolute, ה- Footer נשאר תמיד בחלק התחתון של המסך (של המסך, לא של הדף), מבלי לזוז, אז ברגע שנניח והייתי מקטין את החלון של האקספלורר, ה- Footer היה נשאר במקומו, ולא זז כך שהוא פשוט עולה על כל האתר, הנה דוגמא להמחשה:
בנוסף ברגע שאני מוסיף מידע (שורות טקסט לדוגמא) לאתר, אז ה- Footer לא יורד למטה אוטומטית, אלא נשאר באותו מקום ובעצם כל הטקסט החדש "עולה" עליו...
|