שטח באג לבן ליין / רשימת פריטים (Li) ב IE6
אם ביצעת אי פעם (או עושה 1) תפריט אנכי באמצעות פריטי הרשימה (li) תגיות CSS, אתה עשוי להיתקל, זה עוד באג ב-Internet Explorer, שם IE 6 מוסיף את הפערים האלה בין פריטי רשימה המכילים אלמנטים ברמת הבלוק, כלומר אם יש רווח לבן בין פריטי הרשימה סימון. תודה, אבל לא תודה, גרסת אקספלורר 7 נראה ללא הבאג הזה.
אם כמוני, ועוד רבים וטובים, אתה שייך ללהקה זו של היזמים מתוסכלים, שעדיין צריך לקבל את הפריסות החדשות שלהם, העובדים IE6 מדי, אז זה יכול להיות שימושי. שיהיה לך להסתכל ...
לדוגמא סימון:
<ul id="menu">
<LI> <a href="#"> בית </ a> </ li>
<LI> <a href="#"> אודות </ a> </ li>
<LI> <a href="#"> שירותים </ a> </ li>
<LI> <a href="#"> תיק </ a> </ li>
<LI> <a href="#"> שאלות נפוצות </ a> </ li>
<LI> <a href="#"> צור קשר </ a> </ li>
</ Ul>
אתה יכול ליצור כמה CSS, דומה לזה בהמשך, כדי transfrom סימון מעל לתוך התפריט האנכי ....
מדגם CSS ...
# התפריט {
שולי: 0; padding: 0; הרקע: # FF9900;
רשימת בסגנון מסוג: ללא; רוחב: 150px;
}
# בתפריט li {שולי: 0; padding: 0;}
# התפריט {תצוגה: לחסום;
color: # 555555;
text-decoration: none;
padding: 0 15px;
קו גובה: 2.5, הגבול התחתון: מוצק 1px # fff;
}
את התוצאות תוכלו לראות ...
פתרון הבאג הזה ... (שונה הוסיף / CSS בכתב נטוי מודגש)
# התפריט {
שולי: 0; padding: 0; הרקע: # FF9900; רשימת בסגנון מסוג: ללא; רוחב: 150px;
float: עזבו: / * זה מכיל פריטי רשימה ריחפו * /
}
# בתפריט li {
שולי: 0; padding: 0;
לצוף: עזבו; / * זה מתקן את * /
רוחב: 100%; / * רווח לבן באג ב IE6 * /
}
# התפריט {
לחסום; צבע:: הצגה # 555555;
text-decoration: none;
padding: 0 15px;
קו גובה: 2.5, הגבול התחתון: מוצק 1px # fff;
}
אם doesnot הפתרון הנ"ל נראה לעבוד (מסיבות הידועות רק IE6) ... תנסה בשיטה זו במקום
רק להוסיף סגנונות נוספים רק כדי IE6 סימון שלך ...
<- [אם lt IE 7>
<style type="text/css">
# בתפריט li {display: inline-block;}
# בתפריט li {display: block;}
</ Style>
<[Endif] ->
