כותב |
|
fitlife משתמש מתחיל
הצטרף / הצטרפה: 02 October 2007 מדינה: Israel
משתמש: מנותק/ת הודעות: 12
|
נשלח בתאריך: 21 November 2007 בשעה 23:01 | | IP רשוּם
|
|
|
|
שלום שמי יורם אני מאמן כושר אישי.
לא מזמן החלטתי לבנות לעצמי אתר, למדתי קצת HTML קצת CSS כתבתי תוכן מעניין וכתבתי אתר.
הכול היה נראה לי טוב עד שהצגתי את האתר לביקורת אתרים בפורום אחר.
ואז הסתבר לי שהאתר שלי שנראה טוב באקספלורר6, נראה נורא בפיירפוקס ובאקספלורר7
אני חשבתי שזה שאני כותב לפי תקן W3C ימנע ממני בעיות בסוגי דפדפנים שונים. כול דפי האתר עוברים ולדציה של W3C וגם קובץ הCSS עובר ולידציה. אך מסתבר שזה לא כך.
אז מה עושים בכדי להראות טוב גם בדפדפנים אחרים?
ומה קורה הרי אם אני אשנה את הקוד עבור דפדפן מסויים אז דפדפן אחר שבו התצוגה היתה טובה עלול להראות תצוגה לא נכונה.
איך מתחילים לפתור בעיה כזו?
אם התשובה לא יכולה להנתן במסגרת תשובה בפורום אשמח אם תפנו אותי למקורות מתאימים.
תודה מראש למשיבים
|
חזרה לתחילת העמוד |
|
|
decimal משתמש פעיל
הצטרף / הצטרפה: 08 November 2007
משתמש: מנותק/ת הודעות: 118
|
נשלח בתאריך: 22 November 2007 בשעה 00:55 | | IP רשוּם
|
|
|
|
זה תלוי בקוד , וזה קצת מסובך כי באמת כמעט כול דבר שתשנה ישפיע בדפדפן אחד כן ובשני לא אז כאדי שתראה את האתר כדי שנוכל לראות בדיוק מה הבעיה
|
חזרה לתחילת העמוד |
|
|
11010010110 פורומיסט על
הצטרף / הצטרפה: 23 April 2006
משתמש: מנותק/ת הודעות: 2621
|
נשלח בתאריך: 22 November 2007 בשעה 01:13 | | IP רשוּם
|
|
|
|
בכללי הגלשן שיעשה לך בעיות אם W3C הוא אקספלורר ובמיוחד
אקספלורר 6
תבנה אתר W3C תקין מוחלט ואז תשתמש בהאק CSS שמאפשר לך
לתת CSS מותאם לאקספלורר אם הגלשן הוא אקספלורר
תזכור לשים שורת doc type (בהתחלה) כדיי שהגלשנים יעבדו
במצב תואם W3C (במקרה הטוב יישאר לך לטפל רק באקספלורר 6)
|
חזרה לתחילת העמוד |
|
|
fitlife משתמש מתחיל
הצטרף / הצטרפה: 02 October 2007 מדינה: Israel
משתמש: מנותק/ת הודעות: 12
|
נשלח בתאריך: 22 November 2007 בשעה 07:34 | | IP רשוּם
|
|
|
|
כל האתר עובר וולידציה של W3C בצורה מוחלטת כולל קובץ הCSS(מלבד דף אחד פנימי עם שגיאה אחת שלא תהיה בעיה לשנות) וגם נראה טוב באקספלורר 6 אז האם זה אומר שיש לי פחות עבודה, כי אתם אומרים שאקספלורר 6 הוא הכי פחות תקני.
יש DOCTYPE
אבל אם אני משנה את הקוד אז זה אומר שאני הופך אותו לפחות תקני לא?[
שם האתר www.fitlife.co.il
|
חזרה לתחילת העמוד |
|
|
_Ran_ משתמש פעיל
הצטרף / הצטרפה: 29 October 2007
משתמש: מנותק/ת הודעות: 80
|
נשלח בתאריך: 22 November 2007 בשעה 10:33 | | IP רשוּם
|
|
|
|
זה לא קשור לוולידציה של 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;}
|
|
|
|
חזרה לתחילת העמוד |
|
|
11010010110 פורומיסט על
הצטרף / הצטרפה: 23 April 2006
משתמש: מנותק/ת הודעות: 2621
|
נשלח בתאריך: 22 November 2007 בשעה 11:14 | | IP רשוּם
|
|
|
|
אגב, קצת משוב לאיך האתר נראה ב konqueror
בהנחה שהתפריטים הם ul (ואם לא אז תשקול לעשות אותם ul) -
תמקם אותם אחד אחריי השני באותה דרך כדיי שלא יעלו זה מעל
זה
|
חזרה לתחילת העמוד |
|
|
fitlife משתמש מתחיל
הצטרף / הצטרפה: 02 October 2007 מדינה: Israel
משתמש: מנותק/ת הודעות: 12
|
נשלח בתאריך: 22 November 2007 בשעה 11:20 | | IP רשוּם
|
|
|
|
_Ran_ כתב:
אז אתה יכול להגדיר קוד מסויים בשביל IE , וקוד אחר לFF. ככה, כל אחד מקבל את הקוד שיגרום לו להציג את העמוד בצורה שאתה רוצה. ישנן כמה דרכים לעשות זאת: - הצבת סקריפט בעמוד שיבדוק את הדפדפן, ולפי סוג הדפדפן הוא יפנה אותו לקובץ הCSS המתאים.
|
|
|
אני מעוניין בדרך הנכונה ביותר מתוך מחשבה שכאשר יצא אקספלורר8 או 9 או כל דפדפן אחר אז שאני לא אצטרך לשכתב את האתר שלי מחדש. מה שאתה מציע בציטוט נראת דרך נכונה יותר, אך אני מניח שאני גם צריך לשנות את קוד דפי הHTML ולא רק את קובץ הCSS לא?
אני אצטרך להוסיף IF שמבדיל בין הדפדפנים השונים לפני כל אלמנט עיצובי בעייתי לא?
האם זה מה שנהוג לעשות או שהדרך השניה של ניסוי וטעייה שלראות איזה קוד עובד בכול הדפדפנים הוא הנכון יותר?
|
חזרה לתחילת העמוד |
|
|
11010010110 פורומיסט על
הצטרף / הצטרפה: 23 April 2006
משתמש: מנותק/ת הודעות: 2621
|
נשלח בתאריך: 22 November 2007 בשעה 11:31 | | IP רשוּם
|
|
|
|
ברוב המוחלט של המקרים ניתן לשנות את ה CSS בלבד
חוצמזה
יש כמה שיטות דומות למה ש _Ran_ אמר שמאפשרות לך לכתוב
CSS לאקספלורר או את ה CSS התקין בקובץ חדש (ולא ב CSS
הראשי) וליצור מצב שבו רק אקספלורר או רק מי שלא אקספלורר
יבדוק את הקובץ השני
בגלשנים שהם לא אקספלורר אתה אמור לכתוב HTML 'לוגי'.
כלומר שאם נכנסים לאתר וה CSS לא עובד האתר אמור להישאר
שמיש וברור. (זה בתור הדרכה לאיך לכתוב את ה HTML)
באקספלורר פשוט תתקן את איך שהאתר נראה כדיי שייראה טוב
על ידיי CSS, בלי לחשוב יותר מידיי
|
חזרה לתחילת העמוד |
|
|
fitlife משתמש מתחיל
הצטרף / הצטרפה: 02 October 2007 מדינה: Israel
משתמש: מנותק/ת הודעות: 12
|
נשלח בתאריך: 22 November 2007 בשעה 11:32 | | IP רשוּם
|
|
|
|
11010010110 כתב:
אגב, קצת משוב לאיך האתר נראה ב konqueror
|
|
|
באמת נראה נורא, מה זה הדפדפן הזה konqueror
אני כרגע מתמקד בלשנות את הקוד כך שיותאם בעדיפות ראשונה לאקספלורר 7(ל6 זה בסדר) ובעדיפות שניה לפיירפוקס משום שזהו החלק הגדול של הגולשים שלא רואה טוב את האתר שלי. למזלי הדפדפן הנפוץ הוא אקספלורר 6
11010010110 כתב:
בהנחה שהתפריטים הם ul (ואם לא אז תשקול לעשות אותם ul) - תמקם אותם אחד אחריי השני באותה דרך כדיי שלא יעלו זה מעל זה |
|
|
האם אתה מתכוון לשטח כול תפריט ותפריט(שהן DIV)?
ומה אני צריך להוריד גם אקספלורר 7 וגם פיירפוקס בכדי לבדוק את הקוד או שיש איזשהו כלי שמדמה תצוגה של דפדפנים שונים?
|
חזרה לתחילת העמוד |
|
|
11010010110 פורומיסט על
הצטרף / הצטרפה: 23 April 2006
משתמש: מנותק/ת הודעות: 2621
|
נשלח בתאריך: 22 November 2007 בשעה 11:44 | | IP רשוּם
|
|
|
|
יתכן שיש כלי כזה
תשתמש ב HTML ו CSS במשמעות הלוגית שלהם. תשתמש ככל האפשר
באלמנטים שמתוכננים למטרות שאתה צריך. כך יהיו פחות
הבדלים באיך שהם נראים
הגלשן konqueror הוא גלשן תואם W3C שמשתמש במנוע של עצמו
ולא זה של פיירפוקס או של אקספלורר
מה שאתה רואה בצילום מסך זה הרמז לאיפה יש בעיות בקוד של
האתר
|
חזרה לתחילת העמוד |
|
|
fitlife משתמש מתחיל
הצטרף / הצטרפה: 02 October 2007 מדינה: Israel
משתמש: מנותק/ת הודעות: 12
|
נשלח בתאריך: 22 November 2007 בשעה 12:05 | | IP רשוּם
|
|
|
|
תודה ענקית על המידע החשוב
|
חזרה לתחילת העמוד |
|
|
_Ran_ משתמש פעיל
הצטרף / הצטרפה: 29 October 2007
משתמש: מנותק/ת הודעות: 80
|
נשלח בתאריך: 22 November 2007 בשעה 12:35 | | IP רשוּם
|
|
|
|
רק רציתי להוסיף, שאני ממליץ לך להוריד את FF ולהוריד לו תוסף שנקרא firebug, בעזרתו אתה יכול להתסכל על מיני אלמנטים בעמוד ולראות עליהם כל מיני נתונים בצורה ויזואלית נוחה. ככה יהיה לך הרבה יותר קל להבין לפעמים למה דברים לא עובדים כמו שאתה רוצה לFF (למשל - אתה לא מבין לא משהו נראה כמו שרצית, בגלל שFF מוסיף כברירת מחדל לאלמנט מסויים padding/margin וזה דופק את כל המראה, ובעזרת התוסף אתה יכול לראות את זה ולהבין שאתה צריך להוסיף למשל padding:0). אם אתה לא מבין איך להשתמש בתוסף או צריך עזרה בנושא, אתה יכול לפנות אלי.
תיצמד לכל מה ש11010010110 אמר, וכדרך עבודה הייתי ממליץ:
- תתכנת לפי מה שאמור טכנית לעבוד, ותעקוב אחרי מה ש11010010110 אמר: "תשתמש ב HTML ו CSS במשמעות הלוגית שלהם. תשתמש ככל האפשר באלמנטים שמתוכננים למטרות שאתה צריך. כך יהיו פחות הבדלים באיך שהם נראים "
-בדרך כלל, אם תיכנתת משהו שטכנית אמור לעבוד, בFF זה יעבוד כמו שצריך, ובIE לפעמים תתיקל בכל מיני תופעות מוזרות. תשנה את הקוד עד שתבין למה זה קורה, ואז תמצא פתרון לפי ההנחיות שנתתי קודם.
- לאט לאט אתה תכיר את הדפקטים של IE ותדע להימנע מהם מראש :)
|
חזרה לתחילת העמוד |
|
|
נאוה פורומיסט על
הצטרף / הצטרפה: 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 היית צריך לבנות אותו מראש כשכל צעד בבנייה נבדק בפיירפוקס ובאקספלורר ... ככה צריך לבנות אתר. יתכן ויהיה לך יותר קל לבנות אותו מחדש מאשר לנסות לתקן אותו.
|
|
|
זה בדיוק מה שאני הולך לעשות עכשיו
נאוה כתב:
לגבי הכלי יש כלי כזה ומישהו פירסם אותו בפורום הבעיה שהוא פירסם כאורח ואני לא זוכרת באיזה נושא.
|
|
|
כבר הורדתי את הפיירפוקס רק ששני דפדפנים זה כנראה לא מספיק, רוב הגולשים שלי גולשים עם אקספלורר 6 לאחר מכן אקספלורר7 ופיירפוקס.
לכן אני צריך את שלושתם אבל אם היה כלי כזה זה היה מעולה.
מישהו שמע מישהו יודע?
התחלתי לחפש קצת בגוגל אבל עדיין לא מצאתי (לבנתיים חיפשתי רק בעברית)
|
חזרה לתחילת העמוד |
|
|
נאוה פורומיסט על
הצטרף / הצטרפה: 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 רשוּם
|
|
|
|
נאוה לא הבנתי איפה מסתכלים על התמונה של העמוד... את יכולה להסביר?
|
חזרה לתחילת העמוד |
|
|
fitlife משתמש מתחיל
הצטרף / הצטרפה: 02 October 2007 מדינה: Israel
משתמש: מנותק/ת הודעות: 12
|
נשלח בתאריך: 22 November 2007 בשעה 21:51 | | IP רשוּם
|
|
|
|
זאת כנראה כתובת יותר מתאימה
http://browsershots.org/
רק שזה לוקח זמן
|
חזרה לתחילת העמוד |
|
|
נאוה פורומיסט על
הצטרף / הצטרפה: 06 August 2006 מדינה: Israel
משתמש: מנותק/ת הודעות: 1209
|
נשלח בתאריך: 22 November 2007 בשעה 23:43 | | IP רשוּם
|
|
|
|
_Ran_ כתב:
נאוה לא הבנתי איפה מסתכלים על התמונה של העמוד... את יכולה להסביר?
|
|
|
אני בעבר ניסיתי ולפעמים הצלחתי ולפעמים לא הצלחתי. אני לא נגעתי בזה הרבה זמן ולא מצליחה בעצמי להסתדר. אשמח גם לקבל הכוונה.
__________________ ספרי חידות
חידות הגיון
חידות
|
חזרה לתחילת העמוד |
|
|
fitlife משתמש מתחיל
הצטרף / הצטרפה: 02 October 2007 מדינה: Israel
משתמש: מנותק/ת הודעות: 12
|
נשלח בתאריך: 23 November 2007 בשעה 06:48 | | IP רשוּם
|
|
|
|
נאוה כתב:
אני בעבר ניסיתי ולפעמים הצלחתי ולפעמים לא הצלחתי. אני לא נגעתי בזה הרבה זמן ולא מצליחה בעצמי להסתדר. אשמח גם לקבל הכוונה.
|
|
|
נכנסים לכתובת הבאה http://browsershots.org/ מכניסים בשורת הכתובת את כתובת האתר. בוחרים את הדפדפנים ואת מערכות ההפעלה שבהם אתם רוצים את צילומי המסך של האתר שלכם. ויש גם נתונים נוספים כגון פלאש וג'אווה.
לוחצים על SUBMIT ומחכים משהו כמו חצי שעה. צריך לעשות refresh בכל פעם שרוצים לראות אם משהו השתנה.
מקבלים תצלומי מסך של דף האינטרנט שבחרתם עבור כל אחד ממערכות ההפעלה והדפדפנים שבחרתם
הנה לדוגמא שלי
http://browsershots.org/http://www.fitlife.co.il/
בקישור שלך פשוט השתרבב איזשהו VO3
|
חזרה לתחילת העמוד |
|
|