09-07-2008, 19:26
|
|
|
חבר מתאריך: 17.05.05
הודעות: 7,321
|
|
טיפ ב-CSS: הימנעו מהגדרות overflow ו-height
ערכתי stylesheet לעמוד מסוים, ובעקבות ריבוי ה-overflow ו-height שהיו לי (בגלל העריכות והניסויים שעשיתי), נוצרו לי הבעיות הבאות:
1. בחלק מהדפדפנים, כמו Opera ו-FF2, נוצרה לי בעיית גלילה - לא היה אפשר לגלול בעזרת גלגלת העכבר.
2. בדפדפן IE6 - כאשר גללתי את העמוד מטה וחזרתי מעלה, אלמנטי Form מסוימים (כמו select ו-input) התחרבשו מבחינה ויזואלית. בנוסף, גם אצלו הייתה בעיית גלילה עם גלגלת העכבר - לא הייתה גלילה הדרגתית אלא חד-פעמית שבה IE הוריד אותי לתחתית המסמך או לחלק העליון ביותר במסמך.
בנוסף, שמתי לב שהערכים הבאים ממש לא מומלצים להגדרה בתגי body,html:
קוד:
html, body
{
overflow:auto;
height:100%;
}
הם אלה שיצרו את הבעיה ה-2 שציינתי.
לכן שימו לב והימנעו כמה שיותר מהגדרות CSS מיותרות.
|