וורדפרס עברית ובעיות תצוגה בIE -המשך

בעקבות התקלה ותוך כדי בדק הבית וחיפושים אחרי פתרון
גיליתי יותר ויותר בלוגים שלוקים באותה תופעה רק כאשר צופים בהם ב IE6

נכון לרגע פירסום הפוסט הזה, זה כולל בלוגים של המתרגם של וורדפרס לעברית עצמו

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

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

כמו כן העירו לתשומת ליבי שהתקלה היא בעיקר באתרים ששיחקו עם התבנית
ויתכן שזאת בעיית css או בכל מקרה, לכאורה, לאו דווקא ' בעיית וורדפרס ' כמערכת
והדבר צריך עוד עיון ובדיקה

אני מקווה שזה לא פוגע באף אחד שאני מאזכר זאת כאן
מבחנתי זה ניסיון כנה ופשוט להצביע על משהו בתקווה שיבחינו בו, יתקנו
ובדרך אולי גם אני אלמד ואוכל לתקן את אותה בעיה אצלי בבלוג

עידכון – הבעיה נפתרה! (והיא לא הייתה קשורה ל css ככל הנראה..
אם אצל מישהו שצופה בבלוג וזה עדיין לא מציג לו טוב אנא דווחו לי)

מוזר שבפיירפוקס הכל הופיע תקין מלכתחילה עוד לפני שהצרתי את התמונות הרחבות
שגרמו לבעיות ולתזוזה של הטורים
ובכל זאת אני חייב פה התנצלות שוב על שהכללתי את זה כבעית וורדפרס מערכתית
לא מדבור פה בחוסר תאימות של וורפרס מבחינת הקוד
אלא במנוע של IE6 שלא מסוגל להתמודד כאשר טור הפוסטים רחב מידי ממה שמוקצה לו
מסתבר שדווקא בסיטואציה הזאת דפדפני IE רואים את הקוד אחרת מFF

דוגמא שהביא לי Nitzan Brumer ואני מצטט כאן את דבריו

אל תבנה על ההיגיון הזה
(שמה ש FF, דפדפן נוקשה יותר מבחינת תקנים, מציג באופן תקין –
סימן שהקוד שלו תקין ולכן קל וחומר שגם IE חייב להציג אותו באופן תקין),
משום שיש הבדלים מהותיים בצורה שבה אקספלורר רואה קוד
והדפדפנים התיקניים רואים קוד
קח למשל את הפקודה padding
שאחראית על המרווח הפנימי בתוך קונטיינר בין הטקסט לגבול
אם אתה נניח מגדיר קונטיינר ברוחב של 30 פיקסלים
ומרווח (פאדינג) של 5 פיקסלים הרי שפיירפוקס רואה את התחום הכולל כ 40 פיקסלים (30+5+5) ואילו אקספלורר רואה את כל השטח כ 30 פיקסלים ומקצה לטקסט רק 20 פיקסלים (30-5-5=20). ההבדל הזה הוא מהותי מאוד כשמתכננים ערכות וגורם ללא מעט בעיות.
יש לא מעט פיתרונות לנושא הזה, זה מתחיל בהאקים בנקודות ספציפיות בקוד ה CSS
ונגמר באחזקה של שני קבצי עיצוב ובדיקה בתוך קובץ האינדקס באיזה דפדפן מדובר.

מסקנה שלי: אפשר להגיד שוורדפרס לא שומרת על תאימות ל IE6 רק אם מעצבים באופן
שהוא חורג מגבולות התבנית, וזה כבר כמובן בעיה של מעצב הבלוג
עוד בעיה זה להכיר מהם הגבולות הללו – כשלא מכירים, לא יודעים איפה לתקן..
בקיצור חבר'ה על זה נאמר "לגזור ולשמור!" , אני בהחלט למדתי כאן משהו חדש

תגיות

תודה שקראתם!

שתפו שגם אחרים יהנו

אולי תאהבו גם את

השאר תגובה

הגב באמצעות פייסבוק

4 תגובות

    1. הרבה ממשתמשי xp עדיין משתמשים באספלורר 6 , רובם, אני מנחש, בגלל שהעותק שלהם לא חוקי והם מפחדים להוריד עידכונים מאז תחילת תקופת ה WGA של מיקרוסופט,

      יתכן ואני טועה ולא זאת הסיבה אבל כך או כך בפועל באופן יומיומי בעבודה מזדמנת כטכנאי מחשבים אני נתקל בלמעלה מ50% משתמשי xp שמתעקשים להשאר עם אקספלורר 6
      כך שלדעתי (ואני בטוח שלדעת בוני אתרים רבים) כולנו נאלץ להתחשב לאקספלורר 6 עוד זמן רב