css לכל דפדפן

[יוגורט]

למה הקוד הבא לא עובד:

 <!--[if IE]>
	<link rel="stylesheet" type="text/css" href="stylesheet_ie.css" />
<![endif]-->

  <!--[if !IE]><!-->
	<link rel="stylesheet" type="text/css" href="stylesheet.css" />
<!--<![endif]-->

בכל מקרה הוא טוען את הקובץ הרגיל גם כשהוא באקספלורר.

תודה רבה!

 

[wmw]

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

כי דפדפן "רגיל" לא מתייחס להערה הזו, אלא רק אקספלורר בלבד

אבל בכל זאת, כדי שהקוד שלך יעבוד
תנסה להסיר את ה <!--> אחרי התגית NOT....

 

[יוגורט]

לכתוב ככה?

<link rel="stylesheet" type="text/css" href="stylesheet.css" />

<!--[if IE]>
	<link rel="stylesheet" type="text/css" href="stylesheet_ie.css" />
<![endif]-->

ולכתוב רק את השינויים בקובץ של אקפלורר?

 

[יוגורט]

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

 

[Shlomi]

הנה, בפירוט:

http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

 

[יוגורט]

עשיתי בדיוק מה שכתוב שם (כתוב בתחילת האשכול) ולכן אני לא מבינה מה הבעיה

 

[Nahum]

על איזה גירסה את בודקת?

מגירסה 10 ומעלה, אקספלורר כבר לא מתייחס להערות מסוג זה.

אם היית קוראת את ההסבר בלינק ששלומי צירף, היית שמה לב לשורה הזו:
Note that IE 10 and up DO NOT support conditional comments at all.

 

[יוגורט]

אז מה כן עושים?
צפה בקובץ המצורף 185467

צפה בקובץ המצורף 185468


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

אני מקווה שעכשיו זה יותר מובן...

 

[Shia]

האם את עובדת עם css reset?

 

[יוגורט]

האם את עובדת עם css reset?

מה זה css reset?

יש לי קובץ css ובו מוגדרים ךי כל מיני הגדרות.
יש דברים שחייבים להגדיר?

 

[chavak]

css reset - בעצם מאפס נתונים css שקיימים כברירת מחדל בכל דפדפן
ןהם משתנים מדפדפן לדפדפן ולכן יש שוני במראה האתר בדפדפנים השונים

כדי לפתור את הבעיה בתחילת דף ה- css מטמעים קוד css reset שמאפס את כל הנתונים- זה בעצם קוד css פשוט.
להלן קוד css reset : (יש הרבה ברשת...)

  /* ------------------------ RESET ------------------------ */
  html, body, div, span, object, iframe, h1, h2, h3,
 h4, h5, h6, p, blockquote, pre, abbr, address, cite,
 code, del, dfn, em, img, ins, kbd, q, samp, small,
 strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, 
 fieldset, form, label, legend, table, caption, tbody, 
 tfoot, thead, tr, th, td, article, aside, canvas, details,
 figcaption, figure,  footer, header, hgroup, menu, nav, 
 section, summary, time, mark, audio, video 
 { margin:0;
 padding:0; 
 border:0; 
 outline:0; 
 font-size:100%; 
 vertical-align:baseline; 
 background:transparent; }

 

[יוגורט]

css reset - בעצם מאפס נתונים css שקיימים כברירת מחדל בכל דפדפן
ןהם משתנים מדפדפן לדפדפן ולכן יש שוני במראה האתר בדפדפנים השונים

כדי לפתור את הבעיה בתחילת דף ה- css מטמעים קוד css reset שמאפס את כל הנתונים- זה בעצם קוד css פשוט.
להלן קוד css reset : (יש הרבה ברשת...)

הוספתי וזה לא עוזר...

 

[Nahum]

האם זה שינה משהו בדף שלך? או שהדף נשאר ממש כמו שהיה קודם?

 

[יוגורט]

האם זה שינה משהו בדף שלך? או שהדף נשאר ממש כמו שהיה קודם?

נשאר כמו שהוא היה קודם:

הבעיה שהרווח בין השורות (br) יותר צפוף באקספלורר (כך זה נראה לי)

 

[Nahum]

טוב, קשה לי לעזור לך בלי לראות את זה בדפדפן...

אני אגב מהמר על בעיה ב-padding דווקא.

 

[יוגורט]

טוב, קשה לי לעזור לך בלי לראות את זה בדפדפן...

אני אגב מהמר על בעיה ב-padding דווקא.

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

תודה על כל התיחסות!

 

[wmw]

הוספת את ה RESET עם הכוכביות של ההערה? או בלי?
[שאלה דבילית, אבל לך תדע]

 

[יוגורט]

הוספת את ה RESET עם הכוכביות של ההערה? או בלי?
[שאלה דבילית, אבל לך תדע]

מה זאת אומרת???
הכותרת כבודה במקומה מונח בין כוכביות.(מבחינתי להודיד אותה)

 

[יוגורט]

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

השאלה הבאה תפתח באשכול חדש