[CSS] כל הזמן בעיות תאימות לאקספלורר

[Silver Dragon]

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

ואני כל הזמן בודק את האתר ב FF, Chrome, EXPLORER..

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

למשל: INPUTS שקטנים/גדלים..

DIV שעולים אחד על השנים בקטנה,

SCROLL שבא בלי קשר מצד ימין..

כל מיני דפקות וזה רק אבל רק באקספלורר..

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

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

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

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

*איפה אפשר למצוא סטטיסטיקות דפדפנים בשנה האחרונה בארץ בעיקר, ובעולם בכלל?

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

[Adir.]

אתה חייב להתייחס ל- IE ולתת מענה לגולשים המשתמשים בו,

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

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

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

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

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

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

אולי זה יעזור לך: http://www.w3schools.com/CSS/CSS_reference.asp

[MasterDK]

אקספולרר זה הסיוט של מתכנת אתרים. זה נובע מהעובדה שאקסופלורר לא מרנדר נכון HTML (או מרנדר אותו בצורה אחרת/לא לפי התקן וכדומה). לכן כלפעמים אתה עושה margin-left:40px; לדוגמא, באקספלורר זה יזוז יותר מ 40.

על מנת למנוע את הבעיה הזאת אתה צריך להישתמש ב IE-HACKS (תחפש בגוגל) בשביל לתת ל IE הגדרות מיחדות.

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

[Silver Dragon]

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

האינפוטים שלי נצמדים זה לזה, שדה ה PASSWORD תמיד קטן בכמה בכמה תווים...

בפעם הראשונה השתמשתי ב BR כדי לרדת שורהבין אינפוט לאינפוט,

בפעם השנייה, מסגרתי כל אינפוט בנפרד ב DIV ונתתי תכונות של CLEAR BOTH,

משום מה כשניסיתי לתת את התכונות האלו ישירות לאינפוטים, למשל input style= או input class=, התכונות לא עבדו.. בכלל..

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

*מודע לכך שהאקספלורר לא תומך בקצוות עגולים (CSS3 אם אני לא טועה) בכל מקרה, בכל חלקי האתר זה לא מפריע, בכרום ו FF זה עגול פשוט..

תודה

[eben]

על מנת להתאים ל IE ולמזער את ההבדלים תצטרך לתת לאלמנטים השונים רוחב וגובה קבועים ולאפס margin / padding, כמו כן מומלץ להשתמש ב float.

לדוגמא:

input.myInput {
width: 100px;
height: 20px;
margin:0;
padding:0;
float:left;
}

כמו כן תמיד מומלץ להשתמש ב Firebug ל FF, ול IE תוכל להשתמש ב Firebugger.

[Silver Dragon]

על מנת להתאים ל IE ולמזער את ההבדלים תצטרך לתת לאלמנטים השונים רוחב וגובה קבועים ולאפס margin / padding, כמו כן מומלץ להשתמש ב float.

לדוגמא:

input.myInput {
width: 100px;
height: 20px;
margin:0;
padding:0;
float:left;
}

כמו כן תמיד מומלץ להשתמש ב Firebug ל FF, ול IE תוכל להשתמש ב Firebugger.

מה זה אומר input .myinput??

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

הכוונה, יש שוני בין input .name לבין div .name מעבר להתייחסות לתגית ספציפית?

[AgentZ]

למען האמת, מכיוון שCSS selectors נקראים משמאל לימין כשכל תנאי, הדפדפן יוצר רשימת אלמנטים בדף מתאימים מהאלמנטים שכבר סוננו,

כתיבה רק של ID < כתיבה רק של קלאס < כתיבה רק של שם האלמנט < כתיבה של שניים או יותר מהתנאים הקודמים ביחד, (מבחינת ביצועים [קטן יותר = עדיף יותר])

[Silver Dragon]

למען האמת, מכיוון שCSS selectors נקראים משמאל לימין כשכל תנאי, הדפדפן יוצר רשימת אלמנטים בדף מתאימים מהאלמנטים שכבר סוננו,

כתיבה רק של ID < כתיבה רק של קלאס < כתיבה רק של שם האלמנט < כתיבה של שניים או יותר מהתנאים הקודמים ביחד, (מבחינת ביצועים [קטן יותר = עדיף יותר])

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

אני מאמין שזה לקבצים גדולים יותר

אני כמובן מבצע אני אוהב ללכת בדוח