‫תגובות לפוסט: "באגים נפוצים ב-IE6"‬ http://blog.devign.co.il/12/%d7%91%d7%90%d7%92%d7%99%d7%9d-%d7%a0%d7%a4%d7%95%d7%a6%d7%99%d7%9d-%d7%91-ie6/ ‫תכנות אינטרנט מתקדם‬ Fri, 20 Aug 2010 12:53:42 +0000 hourly 1 http://wordpress.org/?v=3.3.2 ‫מאת: יאיר‬ http://blog.devign.co.il/12/%d7%91%d7%90%d7%92%d7%99%d7%9d-%d7%a0%d7%a4%d7%95%d7%a6%d7%99%d7%9d-%d7%91-ie6/comment-page-1/#comment-53 ‫יאיר‬ Thu, 01 Jan 1970 00:00:00 +0000 http://blog.devign.co.il/%d7%91%d7%90%d7%92%d7%99%d7%9d-%d7%a0%d7%a4%d7%95%d7%a6%d7%99%d7%9d-%d7%91-ie6/#comment-53 ‫ה underscore hack הוא hack שאינו מומלץ, מכיוון שהוא אינו CSS תיקני, ויגרור אחריו error. אני ממליץ להשתמש ב holy hack, של html *‬ ה underscore hack הוא hack שאינו מומלץ, מכיוון שהוא אינו CSS תיקני, ויגרור אחריו error.
אני ממליץ להשתמש ב holy hack, של
html *

]]> ‫מאת: חסוי‬ http://blog.devign.co.il/12/%d7%91%d7%90%d7%92%d7%99%d7%9d-%d7%a0%d7%a4%d7%95%d7%a6%d7%99%d7%9d-%d7%91-ie6/comment-page-1/#comment-54 ‫חסוי‬ Thu, 01 Jan 1970 00:00:00 +0000 http://blog.devign.co.il/%d7%91%d7%90%d7%92%d7%99%d7%9d-%d7%a0%d7%a4%d7%95%d7%a6%d7%99%d7%9d-%d7%91-ie6/#comment-54 ‫מושקע!‬ מושקע!

]]> ‫מאת: WeBuster‬ http://blog.devign.co.il/12/%d7%91%d7%90%d7%92%d7%99%d7%9d-%d7%a0%d7%a4%d7%95%d7%a6%d7%99%d7%9d-%d7%91-ie6/comment-page-1/#comment-55 ‫WeBuster‬ Thu, 01 Jan 1970 00:00:00 +0000 http://blog.devign.co.il/%d7%91%d7%90%d7%92%d7%99%d7%9d-%d7%a0%d7%a4%d7%95%d7%a6%d7%99%d7%9d-%d7%91-ie6/#comment-55 ‫עכשיו זה גורם לי להבין למה הייתה תזוזה של פיקסל באחד הפרויקטים הישנים שלי... אחלה מאמר. אביתר.‬ עכשיו זה גורם לי להבין למה הייתה תזוזה של פיקסל
באחד הפרויקטים הישנים שלי…

אחלה מאמר.
אביתר.

]]> ‫מאת: אלכס‬ http://blog.devign.co.il/12/%d7%91%d7%90%d7%92%d7%99%d7%9d-%d7%a0%d7%a4%d7%95%d7%a6%d7%99%d7%9d-%d7%91-ie6/comment-page-1/#comment-56 ‫אלכס‬ Thu, 01 Jan 1970 00:00:00 +0000 http://blog.devign.co.il/%d7%91%d7%90%d7%92%d7%99%d7%9d-%d7%a0%d7%a4%d7%95%d7%a6%d7%99%d7%9d-%d7%91-ie6/#comment-56 ‫יש גם דרך להציג קבצי PNG עם שקיפות בIE6 http://www.twinhelix.com/css/iepngfix/‬ יש גם דרך להציג קבצי PNG עם שקיפות בIE6

http://www.twinhelix.com/css/iepngfix/

]]> ‫מאת: שוב אלכס‬ http://blog.devign.co.il/12/%d7%91%d7%90%d7%92%d7%99%d7%9d-%d7%a0%d7%a4%d7%95%d7%a6%d7%99%d7%9d-%d7%91-ie6/comment-page-1/#comment-57 ‫שוב אלכס‬ Thu, 01 Jan 1970 00:00:00 +0000 http://blog.devign.co.il/%d7%91%d7%90%d7%92%d7%99%d7%9d-%d7%a0%d7%a4%d7%95%d7%a6%d7%99%d7%9d-%d7%91-ie6/#comment-57 ‫(שכמובן עושה גם שימוש ב -AlphaImageLoader filter)‬ (שכמובן עושה גם שימוש ב -AlphaImageLoader filter)

]]> ‫מאת: אסף‬ http://blog.devign.co.il/12/%d7%91%d7%90%d7%92%d7%99%d7%9d-%d7%a0%d7%a4%d7%95%d7%a6%d7%99%d7%9d-%d7%91-ie6/comment-page-1/#comment-58 ‫אסף‬ Thu, 01 Jan 1970 00:00:00 +0000 http://blog.devign.co.il/%d7%91%d7%90%d7%92%d7%99%d7%9d-%d7%a0%d7%a4%d7%95%d7%a6%d7%99%d7%9d-%d7%91-ie6/#comment-58 ‫החכמתי! תודה רבה וכל הכבוד!‬ החכמתי!
תודה רבה וכל הכבוד!

]]> ‫מאת: עופר וישניא‬ http://blog.devign.co.il/12/%d7%91%d7%90%d7%92%d7%99%d7%9d-%d7%a0%d7%a4%d7%95%d7%a6%d7%99%d7%9d-%d7%91-ie6/comment-page-1/#comment-59 ‫עופר וישניא‬ Thu, 01 Jan 1970 00:00:00 +0000 http://blog.devign.co.il/%d7%91%d7%90%d7%92%d7%99%d7%9d-%d7%a0%d7%a4%d7%95%d7%a6%d7%99%d7%9d-%d7%91-ie6/#comment-59 ‫לגבי 1, זה לא מדויק. ה-margin הכפול נוצר רק כאשר האלמנט הוא floated לאותו כיוון שיש לו margin. זה לא יקרא אם האלמנט מוצף שמאלה וה-margin הוא מימין, מלמעלה, או מלמטה. גם ה-underscore hack וגם ה-holy hack הם פתרונות ממש לא אלגנטיים. אני בד"כ יוצר קובץ נפרד בשם ie6hacks.css וטוען אותו עם <a href="http://www.quirksmode.org/css/condcom.html">conditional comments</a> כך שההגדרות IE6 הנקודתיות נטענות רק בדפדפן הזה ודורסות את ההגדרות הסטנדרטיות. ככה אפשר לוודא שIE7 גם לא יתפוס חלק מהם. לגבי PNG,פתרון יותר אלגנטי הוא להוסיף לאותו קובץ IE6hacks קלאס בשם PNG, עם behavior שמצביע ל-HTC <a href="http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html">הזה</a> יש לזכור שמאחר וכמובן, כל דבר ב-IE חייב להיות קלוקל ולא לעבוד כמו שצריך, ה-path לקובץ htc הוא יחסי לעמוד שממנו נקרא הקובץ CSS ולא יחסי לקובץ CSS כפי שהיינו מצפים.‬ לגבי 1, זה לא מדויק. ה-margin הכפול נוצר רק כאשר האלמנט הוא floated לאותו כיוון שיש לו margin. זה לא יקרא אם האלמנט מוצף שמאלה וה-margin הוא מימין, מלמעלה, או מלמטה.

גם ה-underscore hack וגם ה-holy hack הם פתרונות ממש לא אלגנטיים. אני בד"כ יוצר קובץ נפרד בשם ie6hacks.css וטוען אותו עם
conditional comments כך שההגדרות IE6 הנקודתיות נטענות רק בדפדפן הזה ודורסות את ההגדרות הסטנדרטיות. ככה אפשר לוודא שIE7 גם לא יתפוס חלק מהם.

לגבי PNG,פתרון יותר אלגנטי הוא להוסיף לאותו קובץ IE6hacks קלאס בשם PNG, עם behavior שמצביע ל-HTC הזה

יש לזכור שמאחר וכמובן, כל דבר ב-IE חייב להיות קלוקל ולא לעבוד כמו שצריך, ה-path לקובץ htc הוא יחסי לעמוד שממנו נקרא הקובץ CSS ולא יחסי לקובץ CSS כפי שהיינו מצפים.

]]> ‫מאת: עופר וישניא‬ http://blog.devign.co.il/12/%d7%91%d7%90%d7%92%d7%99%d7%9d-%d7%a0%d7%a4%d7%95%d7%a6%d7%99%d7%9d-%d7%91-ie6/comment-page-1/#comment-60 ‫עופר וישניא‬ Thu, 01 Jan 1970 00:00:00 +0000 http://blog.devign.co.il/%d7%91%d7%90%d7%92%d7%99%d7%9d-%d7%a0%d7%a4%d7%95%d7%a6%d7%99%d7%9d-%d7%91-ie6/#comment-60 ‫ארג, הלינקים לא עבדו. * טוען אותו עם conditional comments: http://www.quirksmode.org/css/condcom.html קובץ HTC חביב להפעלת alphaImageLoader: http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html ובלי קשר, בשדה של תמונה כתוב 32*32 אבל בפועל קיים מקום רק ל24*26 פיקסלים.. הכצעקתה? :)‬ ארג, הלינקים לא עבדו.
* טוען אותו עם conditional comments:
http://www.quirksmode.org/css/condcom.html

קובץ HTC חביב להפעלת alphaImageLoader:
http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html

ובלי קשר, בשדה של תמונה כתוב 32*32 אבל בפועל קיים מקום רק ל24*26 פיקסלים..

הכצעקתה? :)

]]> ‫מאת: אלעד‬ http://blog.devign.co.il/12/%d7%91%d7%90%d7%92%d7%99%d7%9d-%d7%a0%d7%a4%d7%95%d7%a6%d7%99%d7%9d-%d7%91-ie6/comment-page-1/#comment-61 ‫אלעד‬ Thu, 01 Jan 1970 00:00:00 +0000 http://blog.devign.co.il/%d7%91%d7%90%d7%92%d7%99%d7%9d-%d7%a0%d7%a4%d7%95%d7%a6%d7%99%d7%9d-%d7%91-ie6/#comment-61 ‫<blockquote cite="עופר וישניא"><cite>עופר וישניא אמר/ה:</cite> לגבי 1, זה לא מדויק. ה-margin הכפול נוצר רק כאשר האלמנט הוא floated לאותו כיוון שיש לו margin. זה לא יקרא אם האלמנט מוצף שמאלה וה-margin הוא מימין, מלמעלה, או מלמטה. </blockquote> צודק. <blockquote cite="עופר וישניא"><cite>עופר וישניא אמר/ה:</cite> גם ה-underscore hack וגם ה-holy hack הם פתרונות ממש לא אלגנטיים. אני בד"כ יוצר קובץ נפרד בשם ie6hacks.css וטוען אותו עם conditional comments כך שההגדרות IE6 הנקודתיות נטענות רק בדפדפן הזה ודורסות את ההגדרות הסטנדרטיות. ככה אפשר לוודא שIE7 גם לא יתפוס חלק מהם. </blockquote> במערכות גדולות עם מספר רב של קבצי CSS (קובץ לכל מודול) זה מכפיל את הבלאגן. ה underscore האק הוא לא אויב גדול, אבל בטח שלא כדאי לשוש להשתמש בו. כמו שציינתי, הכי כדאי לחפש ולמצוא פיתרון אחיד לכל הדפדפנים. <blockquote cite="עופר וישניא"><cite>עופר וישניא אמר/ה:</cite> לגבי PNG,פתרון יותר אלגנטי הוא להוסיף לאותו קובץ IE6hacks קלאס בשם PNG, עם behavior שמצביע ל-HTC הזה יש לזכור שמאחר וכמובן, כל דבר ב-IE חייב להיות קלוקל ולא לעבוד כמו שצריך, ה-path לקובץ htc הוא יחסי לעמוד שממנו נקרא הקובץ CSS ולא יחסי לקובץ CSS כפי שהיינו מצפים. </blockquote> לא הצעתי פיתרון ל-PNG אלא לצבע שלו. שים לב שגם ה-HTC משתמש ב-AlphaImageLoader. * הלינקים עובדים כעת * התמונה היא אכן 32*32, הצצת בגודל של האייקון שבפנים, שהוא ממורכז.‬

עופר וישניא אמר/ה:
לגבי 1, זה לא מדויק. ה-margin הכפול נוצר רק כאשר האלמנט הוא floated לאותו כיוון שיש לו margin. זה לא יקרא אם האלמנט מוצף שמאלה וה-margin הוא מימין, מלמעלה, או מלמטה.

צודק.

עופר וישניא אמר/ה:
גם ה-underscore hack וגם ה-holy hack הם פתרונות ממש לא אלגנטיים. אני בד"כ יוצר קובץ נפרד בשם ie6hacks.css וטוען אותו עם conditional comments כך שההגדרות IE6 הנקודתיות נטענות רק בדפדפן הזה ודורסות את ההגדרות הסטנדרטיות. ככה אפשר לוודא שIE7 גם לא יתפוס חלק מהם.

במערכות גדולות עם מספר רב של קבצי CSS (קובץ לכל מודול) זה מכפיל את הבלאגן. ה underscore האק הוא לא אויב גדול, אבל בטח שלא כדאי לשוש להשתמש בו. כמו שציינתי, הכי כדאי לחפש ולמצוא פיתרון אחיד לכל הדפדפנים.

עופר וישניא אמר/ה:
לגבי PNG,פתרון יותר אלגנטי הוא להוסיף לאותו קובץ IE6hacks קלאס בשם PNG, עם behavior שמצביע ל-HTC הזה

יש לזכור שמאחר וכמובן, כל דבר ב-IE חייב להיות קלוקל ולא לעבוד כמו שצריך, ה-path לקובץ htc הוא יחסי לעמוד שממנו נקרא הקובץ CSS ולא יחסי לקובץ CSS כפי שהיינו מצפים.

לא הצעתי פיתרון ל-PNG אלא לצבע שלו. שים לב שגם ה-HTC משתמש ב-AlphaImageLoader.

* הלינקים עובדים כעת
* התמונה היא אכן 32*32, הצצת בגודל של האייקון שבפנים, שהוא ממורכז.

]]> ‫מאת: n0nick‬ http://blog.devign.co.il/12/%d7%91%d7%90%d7%92%d7%99%d7%9d-%d7%a0%d7%a4%d7%95%d7%a6%d7%99%d7%9d-%d7%91-ie6/comment-page-1/#comment-62 ‫n0nick‬ Thu, 01 Jan 1970 00:00:00 +0000 http://blog.devign.co.il/%d7%91%d7%90%d7%92%d7%99%d7%9d-%d7%a0%d7%a4%d7%95%d7%a6%d7%99%d7%9d-%d7%91-ie6/#comment-62 ‫באיחור: אחלה מאמר, שימושי מאוד (גם בעידן IE7 שלא צבר פופולריות). בנוגע לבעיה #4, פתרון אחר שמצאתי הוא החלת display: block-inline על האלמנט. ואל תשאלו אותי מה זה בדיוק block-inline.‬ באיחור: אחלה מאמר, שימושי מאוד (גם בעידן IE7 שלא צבר פופולריות).

בנוגע לבעיה #4, פתרון אחר שמצאתי הוא החלת display: block-inline על האלמנט.
ואל תשאלו אותי מה זה בדיוק block-inline.

]]>