CSS רק ל-firefox

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

CSS רק ל-firefox

הודעה שלא נקראהעל ידי Gia » 09 אוגוסט 2011, 09:31

יש דרך לכתוב CSS שיעבוד רק על פיירפוקס?
יש לי בעיה עם אתר עם מיקום שלך div, ההבדל הוא של 5px במיקום לגובה.
בפיירפוקס הוא יותר נמוך אבל בכרום, ספארי (שזה בטח אותו דבר) ו-IE הוא ממוקם כמו שצריך.
אם אין CSS רק לפיירפוקס, יש אולי CSS לכרום וספארי כי ל-IE ידוע שיש.

Gia

CSS רק ל-firefox

הודעה שלא נקראהעל ידי Gia » 09 אוגוסט 2011, 09:41

יש דרך לכתוב CSS שיעבוד רק על פיירפוקס?
יש לי בעיה עם אתר עם מיקום שלך div, ההבדל הוא של 5px במיקום לגובה.
בפיירפוקס הוא יותר נמוך אבל בכרום, ספארי (שזה בטח אותו דבר) ו-IE הוא ממוקם כמו שצריך.
אם אין CSS רק לפיירפוקס, יש אולי CSS לכרום וספארי כי ל-IE ידוע שיש.

תומר
הודעות: 9911
הצטרף: 14 יוני 2002, 01:50
מיקום: חיפה
יצירת קשר:

Re: CSS רק ל-firefox

הודעה שלא נקראהעל ידי תומר » 09 אוגוסט 2011, 11:09

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

בכל מקרה, אפשר לנסות לפרק את הקוד מהדף ולבדוק אם הבעיה משתחזרת על דף HTML נקי מקוד מיותר. אם שום דבר לא עוזר, אפשר להעתיק את ההוראה לכאן ואנחנו נשתדל לעזור.
מוזילה ישראל בטוויטר: https://twitter.com/MozillaIsrael

Dror
הודעות: 1585
הצטרף: 13 פברואר 2006, 15:33

Re: CSS רק ל-firefox

הודעה שלא נקראהעל ידי Dror » 09 אוגוסט 2011, 11:28

איפסת הגדרות כמו margin ו־padding לאלמנטים? דפדפנים שונים באים עם הגדרות ברירת מחדל שונות לאלמנטים.
Lorem Ipsum.

Gia

Re: CSS רק ל-firefox

הודעה שלא נקראהעל ידי Gia » 09 אוגוסט 2011, 23:01

הבעיה הסתדרה, כנראה שהיה משהו לא במיקום נכון, מעניין שרק בפיירפוקס היו בעיות,
כנראה שצריך לבדוק קוד על פיירפוקס כי הוא הכי תקין.
דרור, למה הכוונה באיפוס?
לרשום padding:0 ו-margin:0 ב-CSS של ה-body או של ה-html?

דרך אגב, אפשר למחוק את התגובה באותו הנושא משעה 08:31 , זאת שלא הגיבו עליה
כי שכתבתי אותה, קיבלתי שגיאת 500 ועשיתי מה שכתוב שם ולנסות לשלוח שוב.

תומר
הודעות: 9911
הצטרף: 14 יוני 2002, 01:50
מיקום: חיפה
יצירת קשר:

Re: CSS רק ל-firefox

הודעה שלא נקראהעל ידי תומר » 09 אוגוסט 2011, 23:13

אנשים שרשומים לאתר יכולים למחוק הודעות שלהם שמתפרסמות בטעות. עוד סיבה להירשם לאתר. ☺
מוזילה ישראל בטוויטר: https://twitter.com/MozillaIsrael

Dror
הודעות: 1585
הצטרף: 13 פברואר 2006, 15:33

Re: CSS רק ל-firefox

הודעה שלא נקראהעל ידי Dror » 10 אוגוסט 2011, 08:41

Gia כתב:דרור, למה הכוונה באיפוס?
לרשום padding:0 ו-margin:0 ב-CSS של ה-body או של ה-html?

לא בדיוק. הגדרה כזאת תהיה רלוונטית רק לאלמנט body או ה־html. ישנן שיטות שונות (תלוי כמה אתה פדנט), הרעיון הכללי הוא להביא את כל הדפדפנים לאיזשהו יישור קו.
יש כאלה שהגדרה כזאת תספיק להם:

קוד: בחר הכל

* {margin: 0; padding: 0;}

ויש כאלה שלקחו את זה צעד קדימה.
Lorem Ipsum.

סמל אישי של המשתמש
תומר‏
הודעות: 2052
הצטרף: 31 מאי 2005, 00:29
יצירת קשר:

Re: CSS רק ל-firefox

הודעה שלא נקראהעל ידי תומר‏ » 10 אוגוסט 2011, 09:04

Dror כתב:[

קוד: בחר הכל

* {margin: 0; padding: 0;}

זהירות, קאובוי!

ההוראות הנ"ל משנה את כל העיצוב הדף והפקדים, ועלולות לפגוע במראה הדף ובביצועי האתר. מה שנהוג לעשות הוא להכיל את ההוראות הנ"ל על html ו־body בלבד.
– תומר.


מוזילה ישראל בפייסבוק: https://facebook.com/MozillaIsrael

Gia

Re: CSS רק ל-firefox

הודעה שלא נקראהעל ידי Gia » 10 אוגוסט 2011, 20:36

תודה, דרור.
מה שהבאת בלינק נראה כמו בלגן שלם, בכלל מומלץ לעשות דבר כזה?

תומר
הודעות: 9911
הצטרף: 14 יוני 2002, 01:50
מיקום: חיפה
יצירת קשר:

Re: CSS רק ל-firefox

הודעה שלא נקראהעל ידי תומר » 10 אוגוסט 2011, 20:43

Dror כתב:ויש כאלה שלקחו את זה צעד קדימה.

מכיר את זה? https://github.com/necolas/normalize.css/#readme
מוזילה ישראל בטוויטר: https://twitter.com/MozillaIsrael

Dror
הודעות: 1585
הצטרף: 13 פברואר 2006, 15:33

Re: CSS רק ל-firefox

הודעה שלא נקראהעל ידי Dror » 10 אוגוסט 2011, 22:59

תומר‏ כתב:
Dror כתב:[

קוד: בחר הכל

* {margin: 0; padding: 0;}

זהירות, קאובוי!

ההוראות הנ"ל משנה את כל העיצוב הדף והפקדים, ועלולות לפגוע במראה הדף ובביצועי האתר. מה שנהוג לעשות הוא להכיל את ההוראות הנ"ל על html ו־body בלבד.

ביצועי האתר - אני בספק גדול. הדפדפנים של ימינו, וגם אלו של לפני כמה שנים, מתמודדים עם הגדרות כאלה בפרק זמן שהמשתמש לא מבחין. להכיל את ההוראות האלה על ה־html וה־body בלבד לא יתרום למטרה - יישור קו בין הדפדפנים.
Lorem Ipsum.

Dror
הודעות: 1585
הצטרף: 13 פברואר 2006, 15:33

Re: CSS רק ל-firefox

הודעה שלא נקראהעל ידי Dror » 10 אוגוסט 2011, 23:02

תומר כתב:
Dror כתב:ויש כאלה שלקחו את זה צעד קדימה.

מכיר את זה? https://github.com/necolas/normalize.css/#readme

לא מכיר. אני לא ממש אוהב את מה שעשו שם, להכניס הגדרות browser-specific סתם ככה. כל מיני האקים מוזרים (-webkit-, -ms-, כוכביות, קווים תחתונים). לא בשבילי.
Lorem Ipsum.

תומר
הודעות: 9911
הצטרף: 14 יוני 2002, 01:50
מיקום: חיפה
יצירת קשר:

Re: CSS רק ל-firefox

הודעה שלא נקראהעל ידי תומר » 10 אוגוסט 2011, 23:21

Dror כתב:ביצועי האתר - אני בספק גדול. הדפדפנים של ימינו, וגם אלו של לפני כמה שנים, מתמודדים עם הגדרות כאלה בפרק זמן שהמשתמש לא מבחין. להכיל את ההוראות האלה על ה־html וה־body בלבד לא יתרום למטרה - יישור קו בין הדפדפנים.
גם בלי קשר ישיר לביצועים, אני בטוח שתסכים איתי שהרבה יותר קשה לדבג את אותם הדפים שיש בהם כל מיני הוראות עם כוכביות ודגלי חשיבות.

Dror כתב:לא מכיר. אני לא ממש אוהב את מה שעשו שם, להכניס הגדרות browser-specific סתם ככה. כל מיני האקים מוזרים (-webkit-, -ms-, כוכביות, קווים תחתונים). לא בשבילי.
"סתם ככה" זה כנראה לא. דפדפנים מתעלמים מהוראות שהם לא מכירים, וזו הדרך הטובה ביותר להציג בדפדפנים העדכניים גם הוראות CSS מתקדמות שנמצאות בסטטוס טיוטא ב־w3c.
מוזילה ישראל בטוויטר: https://twitter.com/MozillaIsrael

Dror
הודעות: 1585
הצטרף: 13 פברואר 2006, 15:33

Re: CSS רק ל-firefox

הודעה שלא נקראהעל ידי Dror » 10 אוגוסט 2011, 23:34

תומר כתב:
Dror כתב:ביצועי האתר - אני בספק גדול. הדפדפנים של ימינו, וגם אלו של לפני כמה שנים, מתמודדים עם הגדרות כאלה בפרק זמן שהמשתמש לא מבחין. להכיל את ההוראות האלה על ה־html וה־body בלבד לא יתרום למטרה - יישור קו בין הדפדפנים.
גם בלי קשר ישיר לביצועים, אני בטוח שתסכים איתי שהרבה יותר קשה לדבג את אותם הדפים שיש בהם כל מיני הוראות עם כוכביות ודגלי חשיבות.

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

תומר כתב:
Dror כתב:לא מכיר. אני לא ממש אוהב את מה שעשו שם, להכניס הגדרות browser-specific סתם ככה. כל מיני האקים מוזרים (-webkit-, -ms-, כוכביות, קווים תחתונים). לא בשבילי.
"סתם ככה" זה כנראה לא. דפדפנים מתעלמים מהוראות שהם לא מכירים, וזו הדרך הטובה ביותר להציג בדפדפנים העדכניים גם הוראות CSS מתקדמות שנמצאות בסטטוס טיוטא ב־w3c.

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

אגב, הידעת שיש מפתחי אתרים שהכירו את מודל הקופסא של אקספלורר, ולא הבינו שזה באג, או העדיפו לא להבין, וכשפיירפוקס תפס תאוצה הם החליטו ש"מודל הקופסא הזה מוזר, אני לא אוהב אותו", והחליטו להשתמש בהגדרה box-sizing: border-box ??
Lorem Ipsum.

תומר
הודעות: 9911
הצטרף: 14 יוני 2002, 01:50
מיקום: חיפה
יצירת קשר:

Re: CSS רק ל-firefox

הודעה שלא נקראהעל ידי תומר » 10 אוגוסט 2011, 23:55

Dror כתב:אני מסכים איתך חלקית. אני מעדיף להימנע משימוש בדגלים וכוכביות, אבל כוכבית אחת כמו זאת בדוגמא לא מקשה בתחזוק ודיבוג.
אתה טועה ובגדול. הגדרה כמו זו שהבאת מאד חזקה, ופוגעת בהרבה דברים שלא ממש התכוונת אליהם. למשל כל הרשימות בדף יאבדו את ההזחה שלהן.
Dror כתב:אגב, הידעת שיש מפתחי אתרים שהכירו את מודל הקופסא של אקספלורר, ולא הבינו שזה באג, או העדיפו לא להבין, וכשפיירפוקס תפס תאוצה הם החליטו ש"מודל הקופסא הזה מוזר, אני לא אוהב אותו", והחליטו להשתמש בהגדרה box-sizing: border-box ??
לא לגמרי נכון. אקספלורר לא טעה מלכתחילה, אלא פשוט הבינו את המפרט בצורה שונה. אם אני לא טועה, יש אפילו תכניות להפוך את מודל הקופסא שמוכר לך משם לכזה שניתן יהיה לעבור אליו באמצעות הוראת CSS. אין לי מושג אם הרעיון הזה שרד את הטיוטות ועדיין מופיע במפרט.
מוזילה ישראל בטוויטר: https://twitter.com/MozillaIsrael


חזור אל “כתיבה לפי התקן”



מי מחובר

משתמשים הגולשים בפורום זה: אין משתמשים רשומים ו־ 2 אורחים