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

נושא: תאימות דפדפנים

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

הצטרף / הצטרפה: 02 October 2007
מדינה: Israel
משתמש: מנותק/ת
הודעות: 12
נשלח בתאריך: 21 November 2007 בשעה 23:01 | IP רשוּם
ציטוט fitlife

שלום שמי יורם אני מאמן כושר אישי.

לא מזמן החלטתי לבנות לעצמי אתר, למדתי קצת HTML קצת CSS כתבתי תוכן מעניין וכתבתי אתר.

הכול היה נראה לי טוב עד שהצגתי את האתר לביקורת אתרים בפורום אחר.

ואז הסתבר לי שהאתר שלי שנראה טוב באקספלורר6, נראה נורא בפיירפוקס ובאקספלורר7

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

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

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

איך מתחילים לפתור בעיה כזו?

אם התשובה לא יכולה להנתן במסגרת תשובה בפורום אשמח אם תפנו אותי למקורות מתאימים.

תודה מראש למשיבים

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


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

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

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

בכללי הגלשן שיעשה לך בעיות אם W3C הוא אקספלורר ובמיוחד
אקספלורר 6

תבנה אתר W3C תקין מוחלט ואז תשתמש בהאק CSS שמאפשר לך
לתת CSS מותאם לאקספלורר אם הגלשן הוא אקספלורר

תזכור לשים שורת doc type (בהתחלה) כדיי שהגלשנים יעבדו
במצב תואם W3C (במקרה הטוב יישאר לך לטפל רק באקספלורר 6)
חזרה לתחילת העמוד הצג את כרטיס החבר של 11010010110 חפש הודעות אחרות של 11010010110
 
fitlife
משתמש מתחיל
משתמש מתחיל
סמל אישי

הצטרף / הצטרפה: 02 October 2007
מדינה: Israel
משתמש: מנותק/ת
הודעות: 12
נשלח בתאריך: 22 November 2007 בשעה 07:34 | IP רשוּם
ציטוט fitlife

כל האתר עובר וולידציה של W3C בצורה מוחלטת כולל קובץ הCSS(מלבד דף אחד פנימי עם שגיאה אחת שלא תהיה בעיה לשנות) וגם נראה טוב באקספלורר 6 אז האם זה אומר שיש לי פחות עבודה, כי אתם אומרים שאקספלורר 6 הוא הכי פחות תקני.

יש DOCTYPE

אבל אם אני משנה את הקוד אז זה אומר שאני הופך אותו לפחות תקני לא?[

שם האתר www.fitlife.co.il

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

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

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


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

1) כתיבת הקוד בצורה שונה (יש בדר"כ כמה דרכים וצורות להגיע לאותה מטרה, אז ניתן פשוט לכתוב קוד אחר כדי להגיע לאותה מטרה. למשל - מיקום אלמנט בתוך אלמנט אחר ע"י MARGIN או POSITIONING

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

div
{
margin: 15px;
_margin:10px;
}

כך, כל הדפדפנים כולל IE יקלטו Margin של 15פיקסל, אבל רק IE יכיר בהגדרה שאחרי זה, ומכיוון שאם משהו הוגדר כמה פעמים, הדפדפן יתייחס רק להגדרה האחרונה, אז בIE יהיה margin של 10פיקסל.
- ישנו עוד באג על אותו עיקרון - אתה צריך לפנות לאלמנט מחדש, ולהוסיף לפני *html
קוד:

div {margin:15px;
*html div {margin:15px;}


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

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

אגב, קצת משוב לאיך האתר נראה ב konqueror





בהנחה שהתפריטים הם ul (ואם לא אז תשקול לעשות אותם ul) -
תמקם אותם אחד אחריי השני באותה דרך כדיי שלא יעלו זה מעל
זה
חזרה לתחילת העמוד הצג את כרטיס החבר של 11010010110 חפש הודעות אחרות של 11010010110
 
fitlife
משתמש מתחיל
משתמש מתחיל
סמל אישי

הצטרף / הצטרפה: 02 October 2007
מדינה: Israel
משתמש: מנותק/ת
הודעות: 12
נשלח בתאריך: 22 November 2007 בשעה 11:20 | IP רשוּם
ציטוט fitlife

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

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

 אני אצטרך להוסיף IF שמבדיל בין הדפדפנים השונים לפני כל אלמנט עיצובי בעייתי לא?

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

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

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

ברוב המוחלט של המקרים ניתן לשנות את ה CSS בלבד

חוצמזה

יש כמה שיטות דומות למה ש _Ran_ אמר שמאפשרות לך לכתוב
CSS לאקספלורר או את ה CSS התקין בקובץ חדש (ולא ב CSS
הראשי) וליצור מצב שבו רק אקספלורר או רק מי שלא אקספלורר
יבדוק את הקובץ השני



בגלשנים שהם לא אקספלורר אתה אמור לכתוב HTML 'לוגי'.
כלומר שאם נכנסים לאתר וה CSS לא עובד האתר אמור להישאר
שמיש וברור. (זה בתור הדרכה לאיך לכתוב את ה HTML)

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

הצטרף / הצטרפה: 02 October 2007
מדינה: Israel
משתמש: מנותק/ת
הודעות: 12
נשלח בתאריך: 22 November 2007 בשעה 11:32 | IP רשוּם
ציטוט fitlife

11010010110 כתב:
אגב, קצת משוב לאיך האתר נראה ב konqueror 
 

באמת נראה נורא, מה זה הדפדפן הזה konqueror 

אני כרגע מתמקד בלשנות את הקוד כך שיותאם בעדיפות ראשונה לאקספלורר 7(ל6 זה בסדר) ובעדיפות שניה לפיירפוקס משום שזהו החלק הגדול של הגולשים שלא רואה טוב את האתר שלי. למזלי הדפדפן הנפוץ הוא אקספלורר 6

11010010110 כתב:

בהנחה שהתפריטים הם ul (ואם לא אז תשקול לעשות אותם ul) -
תמקם אותם אחד אחריי השני באותה דרך כדיי שלא יעלו זה מעל
זה

האם אתה מתכוון לשטח כול תפריט ותפריט(שהן DIV)?

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

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

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

יתכן שיש כלי כזה

תשתמש ב HTML ו CSS במשמעות הלוגית שלהם. תשתמש ככל האפשר
באלמנטים שמתוכננים למטרות שאתה צריך. כך יהיו פחות
הבדלים באיך שהם נראים

הגלשן konqueror הוא גלשן תואם W3C שמשתמש במנוע של עצמו
ולא זה של פיירפוקס או של אקספלורר

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

הצטרף / הצטרפה: 02 October 2007
מדינה: Israel
משתמש: מנותק/ת
הודעות: 12
נשלח בתאריך: 22 November 2007 בשעה 12:05 | IP רשוּם
ציטוט fitlife

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

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

רק רציתי להוסיף, שאני ממליץ לך להוריד את FF ולהוריד לו תוסף שנקרא firebug, בעזרתו אתה יכול להתסכל על מיני אלמנטים בעמוד ולראות עליהם כל מיני נתונים בצורה ויזואלית נוחה. ככה יהיה לך הרבה יותר קל להבין לפעמים למה דברים לא עובדים כמו שאתה רוצה לFF (למשל - אתה לא מבין לא משהו נראה כמו שרצית, בגלל שFF מוסיף כברירת מחדל לאלמנט מסויים padding/margin וזה דופק את כל המראה, ובעזרת התוסף אתה יכול לראות את זה ולהבין שאתה צריך להוסיף למשל padding:0). אם אתה לא מבין איך להשתמש בתוסף או צריך עזרה בנושא, אתה יכול לפנות אלי.

תיצמד לכל מה ש11010010110 אמר, וכדרך עבודה הייתי ממליץ:

- תתכנת לפי מה שאמור טכנית לעבוד, ותעקוב אחרי מה ש11010010110 אמר: "תשתמש ב HTML ו CSS במשמעות הלוגית שלהם. תשתמש ככל האפשר
באלמנטים שמתוכננים למטרות שאתה צריך. כך יהיו פחות
הבדלים באיך שהם נראים "

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

- לאט לאט אתה תכיר את הדפקטים של IE ותדע להימנע מהם מראש :)

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

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

fitlife

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

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

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

לגבי הכלי
יש כלי כזה ומישהו פירסם אותו בפורום
הבעיה שהוא פירסם כאורח ואני לא זוכרת באיזה נושא.



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

הצטרף / הצטרפה: 02 October 2007
מדינה: Israel
משתמש: מנותק/ת
הודעות: 12
נשלח בתאריך: 22 November 2007 בשעה 19:23 | IP רשוּם
ציטוט fitlife

נאוה כתב:


הטעות שלך בבניית האתר הייתה שבנית אותו
עם דפדפן אחד.

טעויות של מתחילים

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

זה בדיוק מה שאני הולך לעשות עכשיו

נאוה כתב:

לגבי הכלי
יש כלי כזה ומישהו פירסם אותו בפורום
הבעיה שהוא פירסם כאורח ואני לא זוכרת באיזה נושא.

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

לכן אני צריך את שלושתם  אבל אם היה כלי כזה זה היה מעולה.

מישהו שמע מישהו יודע?

התחלתי לחפש קצת בגוגל אבל עדיין לא מצאתי (לבנתיים חיפשתי רק בעברית)

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

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

זה מה שחנוכה המליץ פה בפורום.
נזכרתי שהדבקתי את הקישור בלוח הודעות לחברים ולאורחים
בפורום דיבורים פה.
http://v03.browsershots.org/website/http:/www.k.co.il/



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

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

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

הצטרף / הצטרפה: 02 October 2007
מדינה: Israel
משתמש: מנותק/ת
הודעות: 12
נשלח בתאריך: 22 November 2007 בשעה 21:51 | IP רשוּם
ציטוט fitlife

זאת כנראה כתובת יותר מתאימה

http://browsershots.org/

רק שזה לוקח זמן

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

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

_Ran_ כתב:
נאוה לא הבנתי איפה מסתכלים על התמונה של העמוד...
את יכולה להסביר?

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


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

הצטרף / הצטרפה: 02 October 2007
מדינה: Israel
משתמש: מנותק/ת
הודעות: 12
נשלח בתאריך: 23 November 2007 בשעה 06:48 | IP רשוּם
ציטוט fitlife

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

נכנסים לכתובת הבאה http://browsershots.org/ מכניסים בשורת הכתובת את כתובת האתר. בוחרים את הדפדפנים ואת מערכות ההפעלה שבהם אתם רוצים את צילומי המסך של האתר שלכם. ויש גם נתונים נוספים כגון פלאש וג'אווה.

לוחצים על SUBMIT ומחכים משהו כמו חצי שעה. צריך לעשות refresh בכל פעם שרוצים לראות אם משהו השתנה.

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

הנה לדוגמא שלי

http://browsershots.org/http://www.fitlife.co.il/

בקישור שלך פשוט השתרבב איזשהו VO3

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

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

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

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