![ישן](https://static.fresh.co.il/images/vBulletin/statusicon/post_old.gif)
09-04-2010, 11:06
|
מנהל
|
|
חבר מתאריך: 26.07.08
הודעות: 6,473
|
|
הבעיה נובעת מה-BOX MODEL של כל הדפדפנים, וגם בגלל שהגדרת את ה-div#footer עם תכונת float:left. אני מניח שהגדרת אותו עם float בגלל שראית שב-FF לדוגמא, הטקסט "lirilir.com" גולש שמאלה (יוצא החוצה מאלמנט האב).
הפתרון הוא להסיר את ה-float ואת ה-margin-left, ולהגדיר width קטן יותר (בהתחשבות בערך ה-margin-float שהסרת). או שתוכל לשים בתוך div#footer איזשהו אלמנט נוסף (span או div) שתיתן לו את תכונות ה-CSS הרצויות של ה-margin.
בקיצור במקום:
קוד:
div#footer
{
float: left;
direction:ltr;
margin-left:60px;
width: 931px;
height: 30px;
padding-top:0px;
vertical-align:bottom;
}
צריך להיות:
קוד:
div#footer
{
margin:auto;
width: 811px;
direction:ltr;
height: 30px;
padding-top:0px;
vertical-align:bottom;
}
וב-body צריך להוריד את margin:0.
|