נושאים פעיליםנושאים פעילים  הצגת רשימה של חברי הפורוםרשימת משתמשים  חיפוש בפורוםחיפוש  עזרהעזרה
  הרשמההרשמה  התחברותהתחברות RSS עדכונים
בניית אתרים
RSS UnderWarrior Forums : RSS בניית אתרים
נושא

נושא: בעיה מעצבנת בCSS

שליחת תגובהשליחת נושא חדש
כותב
הודעה << נושא קודם | נושא הבא >>
_Ran_
משתמש פעיל
משתמש פעיל
סמל אישי

הצטרף / הצטרפה: 29 October 2007
משתמש: מנותק/ת
הודעות: 80
נשלח בתאריך: 14 November 2007 בשעה 11:46 | IP רשוּם
ציטוט _Ran_

שלום לכם, ניסיתי כבר הרבה מאוד זמן לפתור בעיה שאני מנסה להתמודד איתה ב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_ חפש הודעות אחרות של _Ran_
 
_Ran_
משתמש פעיל
משתמש פעיל
סמל אישי

הצטרף / הצטרפה: 29 October 2007
משתמש: מנותק/ת
הודעות: 80
נשלח בתאריך: 14 November 2007 בשעה 15:36 | IP רשוּם
ציטוט _Ran_

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

*html element {}


אז טכנית, שום אלמנט לא אמור להתאים, אבל רק בIE זה יעבוד. כלומר, ככה אני יכול לגשת לאלמנט מסויים ולעשות לו משהו רק בIE. ככה אני יכול להגדיר מיקום מסויים לתפריט המשני בIE, ומיקום אחר בFF. מצאתי את הבאג כאן:
http://www.info.com.ph/~etan/w3pantheon/style/starhtmlbug.html

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

הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
נשלח בתאריך: 14 November 2007 בשעה 18:19 | IP רשוּם
ציטוט נאוה

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




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

הצטרף / הצטרפה: 29 October 2007
משתמש: מנותק/ת
הודעות: 80
נשלח בתאריך: 14 November 2007 בשעה 19:15 | IP רשוּם
ציטוט _Ran_

וואי כמה עזרת לי עכשיו :)
אני הייתי מתוסכל ב3 ימים האחרונים בגלל שכמעט לא הצלחתי כלום בCSS בגלל IE , הכל נראה שם שונה ולא כמו שאמור להיות, זה באמת מצחיק שזה הדפדפן הכי פופולרי, מתסכל לכתוב אתרים בשבילו ^^
קראתי את כל התגובה שם, ועדיין לא החלטתי במה להשתמש. ד"א, זה לא בדיוק אותו באג, אבל שני הבאגים עובדים וזה מה שחשוב.
הרבה תודה לך נאוה.

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

הצטרף / הצטרפה: 06 August 2006
מדינה: Israel
משתמש: מנותק/ת
הודעות: 1209
נשלח בתאריך: 14 November 2007 בשעה 19:31 | IP רשוּם
ציטוט נאוה

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



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

הצטרף / הצטרפה: 23 April 2006
משתמש: מנותק/ת
הודעות: 2621
נשלח בתאריך: 14 November 2007 בשעה 22:20 | IP רשוּם
ציטוט 11010010110

רשימה ענקית של האקים ל CSS שונה לכל דפדפן
http://imfo.ru/csstest/css_hacks/import.php




האקים ספציפיים ניתן למצוא על ידיי ie css import hack
במילות מפתח לחיפוש

חזרה לתחילת העמוד הצג את כרטיס החבר של 11010010110 חפש הודעות אחרות של 11010010110
 
_Ran_
משתמש פעיל
משתמש פעיל
סמל אישי

הצטרף / הצטרפה: 29 October 2007
משתמש: מנותק/ת
הודעות: 80
נשלח בתאריך: 15 November 2007 בשעה 00:48 | IP רשוּם
ציטוט _Ran_

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_ חפש הודעות אחרות של _Ran_
 
_Ran_
משתמש פעיל
משתמש פעיל
סמל אישי

הצטרף / הצטרפה: 29 October 2007
משתמש: מנותק/ת
הודעות: 80
נשלח בתאריך: 16 November 2007 בשעה 02:51 | IP רשוּם
ציטוט _Ran_

טוב לא משנה, הצלחתי להתגבר על הבעיה. הקובץ htc עובד רק אם מגדירים בעמוד
 !DOCTYPE והוא לא היה מוגדר. אחרי שהגדרתי, הכל עובד מעולה ואותו דבר לשמחתי גם בFF וגם בIE  :)
חזרה לתחילת העמוד הצג את כרטיס החבר של _Ran_ חפש הודעות אחרות של _Ran_
 
decimal
משתמש פעיל
משתמש פעיל


הצטרף / הצטרפה: 08 November 2007
משתמש: מנותק/ת
הודעות: 118
נשלח בתאריך: 16 November 2007 בשעה 03:31 | IP רשוּם
ציטוט decimal

מראה של עמוד נראה לי שאמרו את זה כבר פה משתנה לפי ה DOCTYPE שלו ובגלל זה חשוב לכתוב את ה DOCTYPE עוד בהתחלה ואז להתחיל לבנות אני אישית ממליץ על XHTML 1.0 STRICT
חזרה לתחילת העמוד הצג את כרטיס החבר של decimal חפש הודעות אחרות של decimal
 
_Ran_
משתמש פעיל
משתמש פעיל
סמל אישי

הצטרף / הצטרפה: 29 October 2007
משתמש: מנותק/ת
הודעות: 80
נשלח בתאריך: 16 November 2007 בשעה 12:58 | IP רשוּם
ציטוט _Ran_

כן אני יודע שזה חשוב לכתוב את הDOCTYPE , פשוט שכחתי :)

ד"א, יש הבדל גדול בין transitional לstrict ? באיזה מהם השימוש נפוץ יותר ברשת? ויש דבר אחד שלא הבנתי גם - מה זה משנה באיזה מהם משתמשים אם שניהם עובדים בדפדפנים, על מה זה משפיע? כאילו מה היתרון של Strict על Transitional שגורם לך להמליץ עליו?

חזרה לתחילת העמוד הצג את כרטיס החבר של _Ran_ חפש הודעות אחרות של _Ran_
 
_Ran_
משתמש פעיל
משתמש פעיל
סמל אישי

הצטרף / הצטרפה: 29 October 2007
משתמש: מנותק/ת
הודעות: 80
נשלח בתאריך: 16 November 2007 בשעה 20:16 | IP רשוּם
ציטוט _Ran_

בע אני מצטער שאני מספים, גיליתי שהתפריט לא עובד כמו שצריך בIE. יש בעיה:
כאשר אני מצביע על אפשרויות בתתי תפריטים שנמצאות יותר נמוך בקו האופקי מהאפשרות האחרונה בתפריט הראשי (subject d) אז התפריטים נסגרים, כאילו אני לא מצביע עליהם. כנראה IE מפרש שהם כבר מחוץ לאלמנט בגלל שהתתי תפריטים יורדים למטה מדי מחוץ לגבול, אני לא בטוח. לא הצלחתי למצוא פתרון עד עכשיו. הנה לינק כדי שתראו ותבינו את הבעיה:
http://www.planetnana.co.il/tal163/CSSsuck.htm
תודה מראש לעוזרים
חזרה לתחילת העמוד הצג את כרטיס החבר של _Ran_ חפש הודעות אחרות של _Ran_
 

אם ברצונך להגיב לנושא זה עליך קודם להתחבר
אם אינך רשום/ה כבר עליך להרשם

  שליחת תגובהשליחת נושא חדש
גרסת הדפסה גרסת הדפסה

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