double scrollbars with "overflow-y: scroll" on IE7 when using cssstickyfooter

יום שבת, נובמבר 6, 2010

The Point: cssstickyfooter is a great solution for a sticky footer(works even at the crappy IE6). Alas, when trying to set body{overflow-y: scroll} you get a double scroll on IE7(which is also pure crap and should die). The solution for this one is to set the style on the html: html{overflow-y:scroll}    Some details: Abused the cssstickyfooter site(as it uses it’s technique) to show the double scroll. To...
תגיות: , , ,
תגובה אחת

Don't use CSS Expressions if you care about performance

יום שבת, אוגוסט 30, 2008

CSS Expressions הנם כלי חזק ומיותר.בקצרה, CSS Expressions מאפשרים שינוי דינמי של properties בתוך CSS class ע"י שימוש ב javascript.שיטה זו עובדת רק ב IE, לכן בדרך כלל משתמשים בה בשביל לאפשר תכונות CSS שעובדות רק בדפדפנים אחרים (כמו max-width).זהו כלי חזק - כיוון שלכאורה הקוד נראה יותר נקי - שורת javascript בתוך מאפיין בקובץ ה CSS שלכם, ויותר לא צריך לדאוג לעדכון אוטומטי של מאפיין width.זהו כלי מיותר - כיוון שאפשר פשוט להשתמש ב javascript ולשנות את המאפיין הרצוי לפי הארוע הרצוי. שתי בעיות עיקריות מתלוות לשימוש ב CSS Expressions: בעית ביצועים ובעית תחזוקה.בעית ביצועים:כאשר יש על הדף...
4 תגובות

important in css not only for hacking IE

יום שלישי, יולי 1, 2008

בדרך כלל מזכירים את השימוש ב !important בהקשר של מתן פתרון לצורה שבה מפרש IE את מודל הקופסה( Box Model), וכל מיני hack-ים אחרים של דברים שעובדים אחרת ב IE. הסיבה לכך היא ש IE לא מתייחס להגדרות important כאשר יש כמה הגדרות זהות בתוך אותו class: .myBG { background-color: Blue ! important; /*IE ignores this selector while all other browsers consider it*/ background-color: yellow; } בדוגמא לעיל, ב FF הרקע של אלמנט שיקבל את ה myBG ייצבע בכחול, בעוד שב IE ההגדרה האחרונה תופשת - ז"א רקע צהוב כמה הבהרות: הסדר שבו רושמים class-ים בתוך מאפיין ה class של אלמנט ( "class="a...
תגיות: ,
תגובה אחת