תקלות בהצגת אתרים בדפדפנים שונים נהיה היום כחלק בלתי נפרד וסיוט מחי אינטרנט של כולנו . יותר ויותר אתרים, ובעלי אתרים נתקלים בבעיה שהאתר שלהם מוצג בצורה שונה בדפדפנים שונים. ולא רק בעלי האתרים אלא גם גולשים. גולשים שונים יכולים להיכנס לאתר מסויים עם דפדפנים שונים וליראות את אתר בצורה שונה, ברוב המקרים לא בצורה הנכונה או יותר נכון לא כך כמו שבעל האתר רצה שמשתמשים יראו אותו.
וזה נגרם מכמה סיבות עיקריות בתכנות ה-CSS.
אבל רוב הדפדפנים היום שעומדים בסטנדרטים בינלאומיים כגון: פיירפוקס, כרום, ספארי, אופרה מציגים את האתרים בצורה נכונה.
לעומת זאת הבעיה הגדולה של בעלי אתרים, וסיוט הכי גדול שלהם זה – אינטרנט אקספלורר 6 (Internet Explorer 6).
דפדפן שבא עם גרסאות ווינדאוס XP. הדפדפן לא עומד בסטנדרטים בינלאומיים, קיימים הרבה תקלות בתוכנה עצמה ומייקרוסופט שילמה הרבה כסף במשפטים שהתנהל נגדה בזאת שכללה את דפדפן אינטרנט אקספלורר 6 במערכת הפעלה שלה XP.
//
אבל זה שהיא שילמה הרבה כסף והפסידה במשפטים לא פותר לנו את הבעיה. אחוז לא קטן בעולם עדיין משתמשים בדפדפן הזה מסיבות כאלה או אחרות, חלקם לא עידכנו את הגרסה מכמה סיבות אבל לא ניכנס לזה.
חשוב לציין שיש עדיין משתמשים וגולשים העושים שימוש יום יומי באופן קבוע בדפדפן זה. מה שמביא אותנו למצב להתאים את אתרים שלנו גם לדפדפן הזה. במילים אחרות מה שאנחנו צריכים זה, התאמת אתר אינטרנט לדפדפנים שונים.
הדפדפן אקספלורר 6 לא מציג בצורה נכונה ואף שגואי מאוד אתרים רבים וזה מסיבה אחת בלבד… כי היא לא עומדת בסטנדרטים בינלאומיים.
בעלי אתרים נאלצים לתכנת קבצי סי אס אס גם עבור אינטרנט אקספלורר 6 בנפרד בצורה הלא נכונה ולא מקובלת כסטנדרט בנלאומי, ורק כדי לעשות התאמת אתר אינטרנט לדפדפן זה גם..
העלות היא מאוד גבוהה. בזמן ששאר הדפדפנים מציגים את אתרים בצורה נכונה, IE6 לא !
מספר אתרים גדולים בעולם יצאו במלחמה נגד IE6 שאם נכנסים אליהם באתר מדפדפן זה, הם מודיעים שהם לא תומכים בגרסה זו ואין גישה לאתר עם דפדפן זה.
פייסבוק הודיע שאינה תומכת בדפדפן הזה לפני שנתיים בתחילת 2008. ועוד אלפי אתרים אחרים.
פייסבוק הפסיקה בביצועים של התאמת האתר שלהם לדפדפן הלא תקין והלא שימושי הזה.
אז איך מתגברים על הדבר ללא הרבה מאמצים ותכנות קבצי CSS חדשים במיוחד לדפדפן שלא עומד בסטנדרטים.
הכלי שיעזור לכם באופן אוטומטי להתאמת אתר אינטרנט שלכם לדפדפן זה נקרא, IE6 CSS Fixer
הכלי יעזור לכם להתאים את קובץ CSS שלכם גם לדפדפן IE6. הכלי אוטומטי לתיקון קבצי סי אס אס ל- IE6 שניתן להשתמש בו בחינם. אין צורך בהורדת תוכנה כלשהו במחשב.
IE6 CSS fixer הוא כלי, מאוד ידידותי שיחסוך לכם זמן תכנות קבצי סי אס אס.
תיקון קבצי סי אס אס לא דבר קל לכן IE6 CSS fixer יעזור לכם מאוד.
הכלי החינמי לתיקון קצבי סי אס אס לאינטרנט אקספלורר 6 בלבד.
הכלי IE6 CSS fixer בודק את קובץ הסי אס אס ולאחר מכן יוצר חוקים חדשים לסיאסאס ולאובייקטים בעייתיים. חוקים חדשים ניתן לשתילה בתוך קובץ סי אס אס הקיים באתר בקלות אם הם גורמים לתקלות.
חשוב לזכור, ולקחת לתשומת לבכם. התיקון הזה לא ב100 אחוז מתקן את הכל ולכן כדי לכם מאוד לקראו על טכניקה של “אתחול Css ”
במילים אחרות – Css Reset
ניסיתי את זה וזה תיקן רק חלק מהדברים באתר שלי, חייבת להמשיך לחפש פתרונות יצירתיים
שלום שרון: כפי שכתבתי גם בכתבה זה לא 100% וצריך להבין שאין דבר כזה ולא אהיה משהו ב100 אחוז. בכל מקרה מקווה לפחות זה עזר לך בכמה דברים
היי יוסי,
יש לי שאלה, יש לי בעיות בIE לא רק בגרסה 6, גם ב7ו8 יש קצת בעיות, אחת הבעיות היותר מציקות היא שבדפדפני IE קישורים מסוימים באתר לא לחיצים, רואים את הקישור, אבל הוא כמו טקסט רגיל, אי אפשר ללחוץ עליו בכלל, אתה מכיר את הבעיה? אתה יודע אולי מה אני יכול להוסיף או לערוך בקובץ הCSS על מנת לתקן את הבעיה?
תודה מראש.
נ.ב
האתר שלי מבוסס וורדפרס והעיצוב נבנה באמצעות התוכנה ארטיסטיר.
סליחה על הדאבל, היה נראה כאילו ההודעה הראשונה לא פורסמה
איתי: אין קשר בין css לקישורים לא תקינים. יכול להיות שתגיות לא סגורות. תבדוק את הפקודות של קישורים. האם יש תגית פתיחה וסגירה תקינים כי לא יכול להיות שזה לא יעבוד בכל הגרסאות.
אני מאמין שהבעיה הוא אצלך ולא בדפדפן מכוון שזה חשוד מדי שבכל הגרסאות זה לא יעבוד מכוון שזה בעיה בדף עצמו ולא ב-css.
בקשר לדאבל: על תידאג על דאבל. אני עובר על תגובות לפני שאני מאשר אותם
לא לא, זה לא שבכל הגרסאות הקישורים לא עובדים, זה לא בעיה בתגיות, הקישורים עובדים בכל דפדפן, חוץ מדפדפני אקספלורר, הבנתי עכשיו שהבעיה זה עם קישורים עם כתב ערוך, זאת אומרת אם יש קישור רגיל הוא עובד, אבל אם זה טקסט שהגדלתי אותו או שמתי לו צבע או משהו כזה, אז הקישור לא עובד בIE. זה חייב ליהיות בעיה בCSS לא? כי בכל שאר הדפדפנים הכל עובד מושלם.
זה האתר אם אתה מעוניין להעיף מבט:http://www.theiphoner.co.il
.-= בבלוג של איתי פוסט אחרון הוא: ..יום הזיכרון לחללי מערכות ישראל =-.
איתי: איך אתה שם צבע או מגדיל את הפונט ? בתוך המסמך html או בקובץ נפרד של css ואתה רק מגדיר את Class בתוך הקישור ?
במידה ואתה עושה את זה inline בתוך דף html , תבדוק האם אתה פותח וסוגר את הפקודות באופן תקין. שוב, אין קשר בין css לקישורים לא תקינים, אלה אם עשיתה שגיאה תכנותית במסמך html שלך.
בפוסטים כשאני עושה את זה דרך העורך הויזואלי, אי אפשר ללחוץ על הקישור, מלבד זה, מתחת לפוסטים יש קישור COMMENTS שהוא גם לא עובד, ה-CSS נבנה באמצעות התוכנה ARTISTEER, דרך אגב, אני לא ממליץ לאף אחד להשתמש בתוכנה הזו. (אני מזכיר שכל הבעיות שלי הם בIE בלבד), אה ובנוסף מדי פעם הכתב עולה על עצמו בפוטר ובהדר של הפוסט עצמו.
שאלה אליך יוסי- אני מבין שזה בעיה להבין את מקור הבעיה באתר שלי דרך ההסברים שנתתי, במילים אחרות, נראה לי שאין ממש מה לעשות ואני פשוט תקוע אם בעיות תצוגה בIE, בכל שאר הדפדפנים האתר עובד באופן מושלם, רציתי לשאול אם אתה ממליץ לי לסגור את האתר ולעזוב את זה, או לפנות למישהו שאוכל לתת לו גישה לקבצים שלי כדיי שיוכל לעזור לי? כי כרגע אני פשוט מפסיד גולשי IE ואני מתלבט אם לסגור את האתר או להמשיך, אני ממש רוצה להמשיך אותו ויש לי חשק להמשיך להשקיע בו אבל בעיות התצוגה האלה ממש מעצבנות אותי, אפילו שזה רק בIE.
מחכה לתשבותך…
תודה.
.-= בבלוג של איתי פוסט אחרון הוא: ..יום הזיכרון לחללי מערכות ישראל =-.
חחח איתי שאלה קשה אתה שואל אותי. לסגור אתר או לא זה תלוי רק בך. רק בגלל שאתה מפסיד גולשים של IE לא אומר שצריך להסגור את האתר.
באמת קשה לי להבין אותך בגלל שאני לא רואה קוד מולי ולא יכול ליעץ לך לעשות דבר.
רק מה שאני יכול להמליץ לך, שתראה למישהו שמבין אולי יכול לעזור לך. אתה יכול לשלוח לי את האתר בפרטי דרך טופס פניה. אני לא יכול להבטיח לך שאני ירשום לך דו"ח שלם אבל יוכל להביט מבט על זה.
בכל מקרה, השיקולים הם שלך לסגור או לא. אולי תחליף תבנית פשוט וזהו.
תודה רבה יוסי,
שלחתי.
.-= בבלוג של איתי פוסט אחרון הוא: ..ישראל חוגגת 62! =-.
יוסי שלום
מאוד התרשמתי מהאתר המצוין שלך
ie6 css fixer הוא מתנה נפלאה שהענקת לי
תודה ידידי שחסכת לי שעות של כאב ראש
אני שם לב שאט אט אתה הןפך לגורו אינטרנטי מדופלם
כל הכבוד, אני נפעם מהעשייה שלך וההתקדמות וגאה בך
ידידך
קובי
אחרי שחיברתי קובץ CSS לכל דפדפן, איך אני עושה שאם אתה דפדפן IE תקבל קובץ CSS מסויים, ואם אתה כרום תקבל קובץ CSS אחר?
מגניב, טוב שחזרתי בזמן לפוסט הזה.