IE לא תומך ב-display:table-cell;

[HOLD]

IE לא תומך ב-display:table-cell;

אני משתמש ב-display:table-cell; כדי להצמיד div(ים) בעלי אורכים שונים,
יש איזושהיא דרך לסדר את זה?

אני מנסה לעבור לקידוד css ו-div, בכל הדפדפנים זה פועל נהדר חוץ מIE.

[k.machine]

עוד אחד מנפלאות הIE...

לא זכור לי כ"כ הנתון הספציפי הזה. נסה אחד מהפתרונות הבאים:
-הגדרת לו סוג HTML/XHTML?
-צור warpper div שבתוכות span'ים עם float. זה יהפוך אותם לבלוק ואז הם יצמדו אחד לשני. תן להם גם מאפייני אורך וגובה. אין צורך בposition. זה עובד בכל הדפדפנים.

[HOLD]

נכתב במקור על ידי k.machine

עוד אחד מנפלאות הIE...

לא זכור לי כ"כ הנתון הספציפי הזה. נסה אחד מהפתרונות הבאים:
-הגדרת לו סוג HTML/XHTML? זה לא ישנה, בדקתי, הוא לא תומך במאפיין css הזה.
-צור warpper div שבתוכות span'ים עם float. זה יהפוך אותם לבלוק ואז הם יצמדו אחד לשני. תן להם גם מאפייני אורך וגובה. אין צורך בposition. זה עובד בכל הדפדפנים.
אני לא יכול לתת להם מאפיין גובה, כי הגובה משתנה בהתאם לתוכן.
ולא ממש הבנתי איך מה שאמרת אמור לעבוד, אני אנסה יותר מאוחר.

תודה.

[RAS]

מה זה להצמיד divים? נגיד כמה צורות (נניח, מלבניות [][][]) דבוקות אחת לשניה? לכל div תשים float..

[HOLD]

נכתב במקור על ידי RAS

מה זה להצמיד divים? נגיד כמה צורות (נניח, מלבניות [][][]) דבוקות אחת לשניה? לכל div תשים float..

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

[~The_Sultan~]

פשוט מאוד, אתה צריך לתת לכולם ערך float: right ב-CSS. עובד מצויין. רק זה עובד בכמה הגדרות מבחינת הדפדפנים כמו position: absolute, אז אם יש לך ב-CSS הגדרות כמו margin-top או padding-top, תצטרך לשחק בהתאמה שלהם. אבל זו לא בעיה, והמוצר הסופי שיוצא עם השילוב הזה הוא נהדר.. בהצלחה!

[RAS]

נכתב במקור על ידי HOLD

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

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

[HOLD]

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

איך אני בוחר בינהם?

if(navigator.appName=="Microsoft Internet Explorer")
document.write('<link rel="stylesheet" type="text/css" href="styleIE.css">');

אתם רואים בעיות עם זה?

[k.machine]

נכתב במקור על ידי HOLD

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

איך אני בוחר בינהם?

if(navigator.appName=="Microsoft Internet Explorer")
document.write('<link rel="stylesheet" type="text/css" href="styleIE.css">');

אתם רואים בעיות עם זה?

גם אני ניסיתי את זה. קח חלופה הרבה יותר טובה:
http://msdn.microsoft.com/en-us/libr...8VS.85%29.aspx

<!--[if IE]><p>You are using Internet Explorer.</p><![endif]-->
<![if !IE]><p>You are not using Internet Explorer.</p><![endif]>