הוסטס - פורום אחסון האתרים הגדול בישראל

הוסטס - פורום אחסון האתרים הגדול בישראל (https://hosts.co.il/forums/index.php)
-   פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)
-   -   IE לא תומך ב-display:table-cell; (https://hosts.co.il/forums/showthread.php?t=82986)

HOLD 05-06-10 17:48

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

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

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

k.machine 05-06-10 19:40

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

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

HOLD 05-06-10 20:51

ציטוט:

נכתב במקור על ידי k.machine (פרסם 766495)
עוד אחד מנפלאות הIE...

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

תודה.

RAS 05-06-10 20:55

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

HOLD 05-06-10 21:55

ציטוט:

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

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

~The_Sultan~ 05-06-10 22:18

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

RAS 05-06-10 23:18

ציטוט:

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

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

HOLD 05-06-10 23:26

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

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

קוד:

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

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

k.machine 05-06-10 23:34

ציטוט:

נכתב במקור על ידי HOLD (פרסם 766527)
הצלחתי לתקן את העיצוב ב-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]>


כל הזמנים הם GMT +2. הזמן כעת הוא 04:58.

מופעל באמצעות VBulletin גרסה 3.8.6
כל הזכויות שמורות ©
כל הזכויות שמורות לסולל יבוא ורשתות (1997) בע"מ