הכל מוסט ימינה ב-IE
שלום לכולם,
אני חדשה בנושא דרופל, מקווה להשתלב יפה.
יש לי תבנית שכאשר אני פותחת את האתר באקספלורר, הכל מוסט ימינה ואני רואה רק חצי מהתוכן. בפיירפוקס הכל עובד מצויין.
האם הבעייה מוכרת? אני עובדת עם דרופל 6.6 ואקספלורר 7 והאתר על XAMPP...
אשמח לשמוע עצות...
תודה!
מאיה.
תגים:
איזו תבנית? מדובר אני מנחש
איזו תבנית?
מדובר אני מנחש באתר בעברית (RTL)?
קשה לתת פתרון ככה באויר, אני אוכל לעזור אם יהיה לינק
Tom Bigelajzen - Senior Front End Developer @ Wix.com
Homepage: http://tombigel.com
Tendu Theme: http://drupal.org/project/tendu
היי תום, אכן מדובר ב-RTL.
היי תום,
אכן מדובר ב-RTL. האתר לא באוויר לכן לא סיפקתי כתובת. את התבנית עיצבתי בעזרת האתר www.psd2cddonline.com. שוב, הכל עובד מצויין בפיירפוקס. ניסיתי גם תבנית LTR ואותה בעייה נוצרת...
תודה!
מאיה.
גם אני מצטרף לשאלה זו ומרחיב
גם אני מצטרף לשאלה זו ומרחיב אותה, אצלי כאשר הדף נטען בIE הוא מוצג טוב לשנייה ומיד לאח מכן האייטמים בתפריט התחתון נעלמים (אני משער שהם זזים לאנשהו...) דרך אגב האם אני יכול להמשיך בבנית האתר ב FFX ובסוף לטפל בתצוגה ב IE או שדברים תלויים אחד בשני?
www.siz.co.il/up.php - IE 7
FFX - www.siz.co.il/up.php
קשה קשה לתת תשובה בלי גישה
קשה קשה לתת תשובה בלי גישה פיזית לאתר המדובר.
בד"כ בעיות כאלה קשורות לתכונה של אקספלורר (6 וגם 7) שנקראת hasLayout.
hasLayout היא תכונה של אלמנט HTML באקספלורר שמגדירה לו את ההתייחסות שלו אל אלמנטים מסביבו.
בגדול, אלמנט שלא מוגדר לו hasLayout מתייחס למיקום שלו בצורה שונה מדפדפנים אחרים ולרוב לא צפויה.
לא ניתן להגדיר hasLayout ישירות, אלא התכונה מופעלת ע"י החלת חוקי CSS מסויימים על אלמנט, היחידים שפועלים גם בIE6 וגם בIE7 הם width ,height ו-position:absolute.
הנושא הזה קריטי במיוחד באתרי RTL שם לIE יש באגים על גבי באגים ברינדור התצוגה בצורה הנכונה.
בבקשה תקראו את המדריך הבא - http://www.satzansatz.de/cssd/onhavinglayout.html הוא די מסכם את הנושא (וחוסך ממני הרבה כתיבה).
נ.ב. - לגבי יצירת HTML אוטומטי ע"י שירותים כמו psd2css או psd2html, מעבר לעובדה שאני מתנגד אליהם כי הם זולים מידי ולוקחים עבודה למקצוענים כמוני, הם גם עושים עבודה זולה בהתאם.
ולמרות שישנם פרוייקטים פשוטים להם הם עשויים להתאים, כשמדובר באתרים עם כיווניות מעורבת תמיד דרושה התערבות אנושית של תיקוני באגים הקשורים לRTL ואקספלוררים, וכמעט תמיד זו תהיה עבודה סיזיפית ומעצבנת כי לא מדובר בקוד איכותי שנכתב במיוחד לנסיבות האלה.
Tom Bigelajzen - Senior Front End Developer @ Wix.com
Homepage: http://tombigel.com
Tendu Theme: http://drupal.org/project/tendu
תודה רבה על התשובה, אקרא מיד
תודה רבה על התשובה, אקרא מיד את המדריך.
אכן אני יודעת שקשה להסביר ולכן העלתי את הדף לאתר חינמי (ולצערי עם פרסומת למעלה...) כדי שהבעייה תהיה ברורה:
http://www.mayabielik.host7.co.cc/
אין להתייחס לתוכן וללוגו - אין קשר לשום דבר אמיתי. אני לומדת כיצד לעבוד עם דרופל ולכן עושה "נסיונות". זאת גם הסיבה שהשתמשתי בשרות שנותן האתר psd2css, כמובן שבעתיד אני מקווה לבנות לבד את התבניות...
בכל מקרה תודה מקווה שעכשיו הבעייה ברורה יותר!
מאיה.
אי אפשר להתעסק עם העיצוב
אי אפשר להתעסק עם העיצוב הנוכחי שלך.
כל החלקים באתר ממוקמים אבסולוטית (position:absolute), וזה בדיוק החלק שעובד איום ונורא עם אתרי RTL באקספלורר.
כמובן שאפשר לערוך את הCSS ולהתחיל ליצור כל מיני עקיפות שיעבדו.
למשל, אם תורידי את direction:rtl מ ותעבירי אותו ל div#Layer-2 יש מצב שהמיקום יסתדר, אבל יתעוררו בעיות אחרות.
זה עיצוב פשוט מאד ממה שנראה מהעמוד האחד הזה, לדעתי ייקח לך פחות זמן ללמוד איך לייצר אותו לבד מתוך עיצוב כדוגמאת טנדו או זן מאשר לנסות להכפיף את מה שנוצר ע"י psd2css.
זו דעתי, לצערי אין לי כרגע את הזמן לחפור יותר לעומק.
תום
Tom Bigelajzen - Senior Front End Developer @ Wix.com
Homepage: http://tombigel.com
Tendu Theme: http://drupal.org/project/tendu
תום תודה רבה על כל העזרה. טוב
תום תודה רבה על כל העזרה. טוב לדעת שיש פה בפורום בסיס תמיכה זמין.
אני אנסה לבנות את התבנית לבד ע"ב התבניות שהצעת, כמו שצריך...
שבוע מצויין!
מאיה.