איך אתם מסתדרים עם ההתאמה לאקספלורר?

אקספלורר אה? :)

הדרך הכי טובה היא ללמוד איפה בדיוק ועם מה יש לאקספלורר בעיות. זאת תהיה התחלה.

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

במקרה, עומד לרשותך אחד האנשים המנוסים ביותר בתחום הזה (אני, אם לא הבנת...:)
אתה מוזמן להתקיל אותי.

בינתיים, כמה עצות/חוקי יסוד:

• טנדו בנויה במיוחד כדי להיות יציבה בפיתוח לכל הדפדפנים. תשתדל לא לדרוס את ההגדרות הבסיסיות שלה (שמוגדרות ב-style.css וב-style-rtl.css של עיצוב הבסיס)

• גורם בעיות המבנה העיקרי היא תכונה יחודית לאקספלורר שנקראת hasLayout. מומלץ לקרוא ולהפנים את המאמר הזה: http://www.satzansatz.de/cssd/onhavinglayout.html

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

חוץ מזה, קיימת היום תנועה די קולנית שטוענת שאם אתה מפתח לאקספלורר, אתה בעצם מזיק לעצמך, לגולשים שלך, לכל המפתחים האחרים בעולם, שורף עצים וחונק גורים קטנים וחמודים (למשל: http://24ways.org/2008/the-ie6-equation והקמפיין נגד:: http://ie6.forteller.net/index.php?title=Main_Page )

• יש כלי דמוי פיירבאג גם לאקספלורר, הוא לא חזק כמו פיירבאג אבל הוא הוא יכול להציל את השפיות שלך לפעמים: http://www.microsoft.com/downloadS/details.aspx?familyid=E59C3964-672D-4...

• לגבי קבצי הCSS המיוחדים לאקספלורר:
  אם תסתכל בקבצי ה-info של tendu ושל tendu_default תראה שיש שם קריאה ל-conditional stylesheets. אם תסתכל בHTML שנוצר, תוכל לראות את הקוד שנוצר שם, משהו שדומה ל:
  

  <!--[if IE]>
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/tendu/ie.css?R" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/tendu/ie-rtl.css?R" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/tendu/doil/ie_subtheme.css?R" />
<![endif]-->
<!--[if lt IE 7]>
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/tendu/ie6.css?R" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/tendu/ie6-rtl.css?R" />
<link type="text/css" rel="stylesheet" media="all" href="/sites/all/themes/tendu/doil/ie6_subtheme.css?R" />
<![endif]-->

(הדוגמה נלקחה מהאתר הזה)
אלה הערות עם תנאי שרק אקספלורר יודע לקרוא והעיצוב משתמש בהן כדי לקרוא לקבצי CSS שרק אקספלורר ישתמש בהם בהתאם לתנאי שהוגדר.
במקרה הזה, התנאי [if IE] פונה לכל גרסאות אקספלורר והתנאי [if lt IE 7] מתייחס לכל גרסאות אקספלורר שנמוכות מ-7 (לא כולל 7).

ואל תשכח, שלפתור את הבעיות שיש באקספלורר 6 לאו דווקא פותר את הבעיות של אקספלורר 7, ולהיפך. צריך לבדוק על שניהם.

אוו, איזו תגובה מושקעת, תודה.

האמת שאני לא שולט ב100% ב-CSS, ולמרות זאת על ידי ניסוי ותעיה הצלחתי לעצב מה שרציתי בFF.
כנראה שבשביל לעצב לIE אצטרך להשקיע יותר בלימוד העקרונות.

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