לחברת סטארט אפ דרוש תותח דרופל ומתחנת-מפתח וויב .
אזור ת"א עד אשקלון/שדרות/נתיבות
שלום אנשים,
אני משתמש בעיצוב Multiflex-3 בדרופל 6.13.
אני משתמש במודול Panels להצגת תוכן בעמוד הראשי, בכמה עמודות.
עד עכשיו עבדתי רק דרך פיירפוקס 3.6 והכל עבד מושלם. ניסיתי לבדוק האם הכל עובד חלק גם ב-IE ולהפתעתי גיליתי כי כנראה או שאין תמיכה של המודול ב-IE, או שיש בעיה אחרת כלשהי. כל הדף הראשי מופיע כחסר עיצוב בכלל, ללא פנאלים וללא תיבות במקום המיועד. כאשר עוברים לדף אחר שאין בו Panels הכל מסתדר פחות או יותר.
תחילה חשבתי כי מדובר בבעיית בעיצוב, אך גילית כי גם בעיצוב Garland העיה קיימת.
בעיה נוספת שגליתי בעיצוב Multiflex-3, היא שהוא לא מרוטל כמו שצריך בIE ..... למעשה במקום שהתוכן יתיישר לימין, הוא מתיישר לשמאל.
שלום
קברנו אותו פה לפני שנה..או לפחות ניסינו
http://www.drupal.org.il/node/3093
אבל הפעם נראה שהאקספלורר 6 נושם נשימות אחרונות
אחרי שחטפתי את החלאסטרה מאנשים שאומרים לי: "האתר שלך נראה מוזר" והתברר שהם עובדים עם IE6, החלטתי לנקוט בצעדים משמעתיים. הסרתי את רכיב IE 6 Update המציג הודעה קטנה ומנומסת (כנראה יותר מדיי מנומסת עבור ישראלים) ובמקומו התקנתי את Seven Up הברוטאלי יותר. כמובן, אם זה אתר שהמראה שלו לא הכי חשוב ולא רוצים לאבד לקוחות, הטקטיקה הזו אינה רצויה. במקרה של אתר מסוים שלי, החלטתי שזה צעד רצוי.
אמה-מה, קובץ הג'אווה סקריפט הוא באנגלית בלבד (יש בכלל אפשרות לתרגם את זה בתוך מערכת דרופל? זה לא עובר הרי דרך פונקציית t ולא יכול לעבוד דרכה). אז הרי קובץ מתורגם (תרגמתי רק את הראשי, הוורסיה השחורה לא עניינה אותי וגם לא הבטא שיש שם - מדובר בגירסא 0.3 של הרכיב - דרופל 6).
מצורף הקובץ ותמונת מסך.
במפגש מפתחי דרופל שנערך בתיכון בליך בחודש אוגוסט האחרון, הרצה תום מחברת הינביט על התאמת עיצובים לאקספלורר. לאחר ההרצאה סייע תום בהתאמת גרלנד 6 לאקספלורר.
להלן סיכום הדברים שרשמתי במהלך ההרצאה, בתוספת מספר קישורים להרחבה.
באופן כללי מומלץ להתחיל לפתח את העיצוב על פיירפוקס - שם יש לנו הכי הרבה כלי debug. לאחר סיום הפיתוח בפיירפוקס, נטפל בהתאמת העיצוב לאקספלורר.
באופן כללי ישנן שלוש גישות לנושא התאמת עיצובים לאקספלורר:
א. לדחוף hacks ל-CSS. לכל אלמנט לדחוף hacks ספציפיים משלו.
ב. לשים את הכל בסוף קובץ ה-CSS (יותר מהיר ויותר מודולרי).
ג. לשים את כל ההגדרות בקובץ CSS נפרד ולהשתמש ב-explorer conditional comments (שאותן מבינים רק דפדפני אקספלורר לסוגיהם). גישה זו מומלצת במיוחד אם האתר צריך לעבור ולידציה להתאמתו ל-w3c.
תום משתמש רק בארבעה hacks ספציפיים:
רק אקספלורר 6 יכול לראות תכונות שמתחילות עם קו תחתון. תכונות שמתחילות עם כוכבית - ניתן לראות אותן באקספלורר 6 ומטה. ותכונות שמתחילות עם נקודה - גלויות בכל גירסאותת אקספלורר:
element {
_width: 20em; /* IE6 only */
*width: 20em; /* All IE versions until and including IE6 */
.width: 20em; /* This is only visible by IE6 and IE7 version - essentially all IE versions */
}במידת הצורך, אפשר להוסיף תכונות אלו בתוך הערות מותנות.
קישורים להרחבה:
דוגמה בעברית איך התאמתי את nice menus לאקספלורר:
http://drupal.org.il/node/1484
הערות מותנות הן הערות שעובדות אק באקספלורר, ומתאימות מצויין כדי לתת לאקספלורר הנחיות ייעודיות.
http://www.quirksmode.org/css/condcom.html
וויקיפדיה - CSS Filters.
http://en.wikipedia.org/wiki/CSS_filter
אילו חוקים מתאימים לאילו דפדפנים - הטבלה המלאה:
http://centricle.com/ref/css/filters
להוסיף בהתחלת כל כלל CSS תכונה מיוחדת - ZOOM - שמיועדת רק לאקספלורר ומביאה אותו לעבור למצב layout mode.
הכלל הבא גורם לכל האלמנטים המוצגים המוגדרים בתוכו להיות מוצגים בתצוגת בלוק:
div, ol, ul, iframe {
zoom:1;
}