כותב |
|
_Ran_ משתמש פעיל
הצטרף / הצטרפה: 29 October 2007
משתמש: מנותק/ת הודעות: 80
|
נשלח בתאריך: 14 November 2007 בשעה 11:46 | | IP רשוּם
|
|
|
|
שלום לכם, ניסיתי כבר הרבה מאוד זמן לפתור בעיה שאני מנסה להתמודד איתה בCSS. אני רוצה שהעמוד שאני כותב יעבוד גם בFF וגם בIE . עכשיו, הבעיה נובעת מכך שיש הבדל ביניהם שמונע ממני להצליח לעשות את העמוד מתאים לשניהם (אני כבר אפרט).
בעיקרון, אני רוצה לעשות תפריטים נפתחים (סתם בשביל האימון בכתיבה). הבנתי איך לעשות אותם, אבל יש לי בעיה במיקום התפריט המשני. התפריט אמור להיראות כך (זה עדיין בלי האפקט של הפתיחה של התפריט והכל, אני רוצה להבין איך אני ממקם את התפריט המשני): http://img264.imageshack.us/my.php?image=85565971sc0.jpg
בניתי את התפריטים, בעצם בצורה שהטקסט בכל משבצת הוא אלמנט div , שנמצא בתוך אלמנט li שיש לו padding . עכשיו, כדי למקם את התפריט המשני, עשיתי שימוש בrelative וabsolute כדי למקם את התפריט המשני ביחס לרכיב li שמכיל אותו. הבעיה היא במיקום האופקי - כשאני אומר לו למקם את זה 130px מהקצה השמאלי, FF וIE מפרשים את זה אחרת: FF לוקח את הpadding בחשבון, ומתחיל מהקצה של הpadding (כלומר מתחילת הריבוע). IE לא לוקח את הpadding בחשבון, ומתחיל מהטקסט עצמו.
כלומר, אני צריך למצוא דרך אחרת למקם את הטקסט באמצע הריבוע בכל מקום בלי padding ... ניסיתי להשתמש בposition וזה אותה בעיה. למישהו יש פתרון? אם אתם צריכים את הקוד אז תגידו.
|
חזרה לתחילת העמוד |
|
|
_Ran_ משתמש פעיל
הצטרף / הצטרפה: 29 October 2007
משתמש: מנותק/ת הודעות: 80
|
נשלח בתאריך: 14 November 2007 בשעה 15:36 | | IP רשוּם
|
|
|
|
אני חושב שמצאתי פתרון. חיפשתי בגוגל משהו שלא קשור לנושא הזה, אלא משהו אחר בCSS ומצאתי רעיון. קראתי על באג שמפריד את IE מדפדפנים אחרים, וכך אני יכול בעצם להגדיר משהו אחד לIE , ומשהו שני לFF ודפדפנים אחרים. הבאג הוא כזה: כשאני מחפש מנסה לגשת לאלמנט בCSS בצורה כזו:
אז טכנית, שום אלמנט לא אמור להתאים, אבל רק בIE זה יעבוד. כלומר, ככה אני יכול לגשת לאלמנט מסויים ולעשות לו משהו רק בIE. ככה אני יכול להגדיר מיקום מסויים לתפריט המשני בIE, ומיקום אחר בFF. מצאתי את הבאג כאן: http://www.info.com.ph/~etan/w3pantheon/style/starhtmlbug.html
מה אתם אומרים? זה פתרון טוב או שלא כדאי להסתמך עליו? ממליצים על פתרון אחר?
|
חזרה לתחילת העמוד |
|
|
נאוה פורומיסט על
הצטרף / הצטרפה: 06 August 2006 מדינה: Israel
משתמש: מנותק/ת הודעות: 1209
|
נשלח בתאריך: 14 November 2007 בשעה 18:19 | | IP רשוּם
|
|
|
|
רן, יש בעיה שהאתר נראה טיפה אחרת בפיירפוקס ובאקספלורר לי הייתה בעיה קוסמטית קלה שגם פתרתי אותה בעזרת הבאג שדיברת עליו. כשמשתמשים בעניין הזה זה נותן לך שגיאה כך שהאתר שלך לא יצא תקין לחלוטין בבדיקות אבל זה לא קריטי. אני אישית אימצתי את זה כפיתרון ואני מאוד שמחה בזה. יש שתי פתרונות לבעיה. לשנות את הקוד או לעשות גליון סגנון נוסף. אני בחרתי באפשרות של לשנות את הקוד. תסתכל תגובה מספר שבע, שם יש את הקישור למקום שנעזרתי בו. לפי דעתי אין פתרון אחר. ואין מה לחשוש מהפתרון הזה. יתכן ואני טועה. אני הלכתי על זה. תקרא תגובה שביעית פה
__________________ ספרי חידות
חידות הגיון
חידות
|
חזרה לתחילת העמוד |
|
|
_Ran_ משתמש פעיל
הצטרף / הצטרפה: 29 October 2007
משתמש: מנותק/ת הודעות: 80
|
נשלח בתאריך: 14 November 2007 בשעה 19:15 | | IP רשוּם
|
|
|
|
וואי כמה עזרת לי עכשיו :) אני הייתי מתוסכל ב3 ימים האחרונים בגלל שכמעט לא הצלחתי כלום בCSS בגלל IE , הכל נראה שם שונה ולא כמו שאמור להיות, זה באמת מצחיק שזה הדפדפן הכי פופולרי, מתסכל לכתוב אתרים בשבילו ^^ קראתי את כל התגובה שם, ועדיין לא החלטתי במה להשתמש. ד"א, זה לא בדיוק אותו באג, אבל שני הבאגים עובדים וזה מה שחשוב. הרבה תודה לך נאוה.
אפשר לנעול
|
חזרה לתחילת העמוד |
|
|
נאוה פורומיסט על
הצטרף / הצטרפה: 06 August 2006 מדינה: Israel
משתמש: מנותק/ת הודעות: 1209
|
נשלח בתאריך: 14 November 2007 בשעה 19:31 | | IP רשוּם
|
|
|
|
אני שמחה שעזרתי לך. לדעתי עדיף לא לנעול... עדיף שהנושאים יהיו פתוחים תמיד ואם למישהו יהיה אולי משהו חדש לספר באותו עניין הוא יוכל להוסיף.
__________________ ספרי חידות
חידות הגיון
חידות
|
חזרה לתחילת העמוד |
|
|
11010010110 פורומיסט על
הצטרף / הצטרפה: 23 April 2006
משתמש: מנותק/ת הודעות: 2621
|
נשלח בתאריך: 14 November 2007 בשעה 22:20 | | IP רשוּם
|
|
|
|
רשימה ענקית של האקים ל CSS שונה לכל דפדפן
http://imfo.ru/csstest/css_hacks/import.php
האקים ספציפיים ניתן למצוא על ידיי ie css import hack
במילות מפתח לחיפוש
|
חזרה לתחילת העמוד |
|
|
_Ran_ משתמש פעיל
הצטרף / הצטרפה: 29 October 2007
משתמש: מנותק/ת הודעות: 80
|
נשלח בתאריך: 15 November 2007 בשעה 00:48 | | IP רשוּם
|
|
|
|
11010010110 תודה אחי זה אחלה מאגר :) טוב, אני כמעט הצלחתי לעשות את התפריטים הנפתחים! בFF זה עובד מעולה. אבל, בIE זה לא עובד. אני יודע שבIE אי אפשר להשתמש ב:hover על אלמנטים חוץ מעל קישורים, ויש קובץ HTC שמשנה את זה. קראתי על זה כאן: http://www.webmaster.org.il/article.asp?id=205
עכשיו, אני כתבתי בstyle איפה שכל הCSS :
קוד:
body { behavior: url("http://www.xs4all.nl/~peterned/htc/csshover2.htc"); }
|
|
|
משום מה, זה לא עובד וכל האפקט של התפריט הנפתח בכלל לא מתקיים, רק רואים את התפריט הראשי בלי התפריטים המשניים ובלי כל הקטע הדינמי. אני יודע שהתקלה בשורה הזאת מכיוון שבFF (שלא דורש את הוספת השורה הזאת על behavior) הכל עובד טוב. למישהו יש מושג?
|
חזרה לתחילת העמוד |
|
|
_Ran_ משתמש פעיל
הצטרף / הצטרפה: 29 October 2007
משתמש: מנותק/ת הודעות: 80
|
נשלח בתאריך: 16 November 2007 בשעה 02:51 | | IP רשוּם
|
|
|
|
טוב לא משנה, הצלחתי להתגבר על הבעיה. הקובץ htc עובד רק אם מגדירים בעמוד !DOCTYPE והוא לא היה מוגדר. אחרי שהגדרתי, הכל עובד מעולה ואותו דבר לשמחתי גם בFF וגם בIE :)
|
חזרה לתחילת העמוד |
|
|
decimal משתמש פעיל
הצטרף / הצטרפה: 08 November 2007
משתמש: מנותק/ת הודעות: 118
|
נשלח בתאריך: 16 November 2007 בשעה 03:31 | | IP רשוּם
|
|
|
|
מראה של עמוד נראה לי שאמרו את זה כבר פה משתנה לפי ה DOCTYPE שלו ובגלל זה חשוב לכתוב את ה DOCTYPE עוד בהתחלה ואז להתחיל לבנות אני אישית ממליץ על XHTML 1.0 STRICT
|
חזרה לתחילת העמוד |
|
|
_Ran_ משתמש פעיל
הצטרף / הצטרפה: 29 October 2007
משתמש: מנותק/ת הודעות: 80
|
נשלח בתאריך: 16 November 2007 בשעה 12:58 | | IP רשוּם
|
|
|
|
כן אני יודע שזה חשוב לכתוב את הDOCTYPE , פשוט שכחתי :)
ד"א, יש הבדל גדול בין transitional לstrict ? באיזה מהם השימוש נפוץ יותר ברשת? ויש דבר אחד שלא הבנתי גם - מה זה משנה באיזה מהם משתמשים אם שניהם עובדים בדפדפנים, על מה זה משפיע? כאילו מה היתרון של Strict על Transitional שגורם לך להמליץ עליו?
|
חזרה לתחילת העמוד |
|
|
_Ran_ משתמש פעיל
הצטרף / הצטרפה: 29 October 2007
משתמש: מנותק/ת הודעות: 80
|
נשלח בתאריך: 16 November 2007 בשעה 20:16 | | IP רשוּם
|
|
|
|
בע אני מצטער שאני מספים, גיליתי שהתפריט לא עובד כמו שצריך בIE. יש בעיה: כאשר אני מצביע על אפשרויות בתתי תפריטים שנמצאות יותר נמוך בקו האופקי מהאפשרות האחרונה בתפריט הראשי (subject d) אז התפריטים נסגרים, כאילו אני לא מצביע עליהם. כנראה IE מפרש שהם כבר מחוץ לאלמנט בגלל שהתתי תפריטים יורדים למטה מדי מחוץ לגבול, אני לא בטוח. לא הצלחתי למצוא פתרון עד עכשיו. הנה לינק כדי שתראו ותבינו את הבעיה: http://www.planetnana.co.il/tal163/CSSsuck.htm תודה מראש לעוזרים
|
חזרה לתחילת העמוד |
|
|