14-07-06, 01:12
|
# 1 |
|
חבר וותיק
|
[CSS] פיירפוקס הזה עושה בעיות (לא כמו IE מותק של דפדפן :D)
ניסיתי לעשות טבלה עם DIV-ים (לא סובל <TABLE>) למקרה שאזדקק, וחשבתי על טבלה כזאת לאינדקס פורומים.. הכל עבד מצויין, עד שנכנסתי לפיירפוקס - זוועה
 תצוגה ב IE:  תצוגה ב FF:  --- קוד CSS: קוד:
#index_table{
width:99%;
margin:0 0 10px 0;
background:#FFFFFF;
color:#000000;
border:1px solid #D3D3D3;
}
#index_table a:hover{
color:#22229C;
}
#index_table .subject_cat{
width:100%;
height:20px;
margin:1px;
padding:3px 7px 0 0;
background:#1F4167;
color:#FFFFFF;
font-weight:bold;
}
#index_table #back_descforum{
width:100%;
margin:0 3px 2px 0;
padding:0 2px 0 1px;
background:#E3E8EE;
color:#000000;
}
#index_table #forum_desc{
width:99%;
height:13px;
margin:1px;
padding:0 3px 0 0;
}
#index_table #forum_desc .tag{
height:13px;
float:right;
margin:0 0 0 1px;
padding:1px 0 0 0;
background:#EEE9E9;
color:#000000;
font-size:0.7em;
font-weight:bold;
}
#index_table #forum_line{
width:99%;
height:37px;
margin:1px;
padding:0 3px 0 0;
}
#index_table #forum_line .dark{
height:37px;
float:right;
padding:10px 0 0 0;
background:#ECF1F5;
color:#000000;
}
#index_table #forum_line .light{
height:37px;
float:right;
padding:10px 0 0 0;
background:#F6F6F6;
color:#000000;
}
HTML קוד:
<div id="index_table"> <div class="subject_cat">קטגוריית ניסיון</div> <div id="back_descforum"> <div id="forum_desc"> <div class="tag" style="width:6%;text-align:center;"></div> <div class="tag" style="width:38%;padding:1px 9px 0 0;">פורום</div> <div class="tag" style="width:25%;padding:1px 9px 0 0;">הודעה אחרונה</div> <div class="tag" style="width:8%;text-align:center;">נושאים</div> <div class="tag" style="width:8%;text-align:center;">הודעות</div> <div class="tag" style="width:12%;text-align:center;margin:0;padding:1px 0 0 1px;">אחראים</div> </div> <div id="forum_line"> <div class="dark" style="width:6%;padding:20px 0 0 0;text-align:center;">אבג</div> <div class="light" style="width:38%;padding:10px 12px 10px 0;">אבג</div> <div class="dark" style="width:25%;padding:10px 12px 10px 0;">אבג</div> <div class="light" style="width:8%;padding:20px 0 0 0;text-align:center;">אבג</div> <div class="dark" style="width:8%;padding:20px 0 0 0;text-align:center;">אבג</div> <div class="light" style="width:12%;padding:20px 0 0 0;text-align:center;">אבג</div> </div> <div id="forum_line"> <div class="dark" style="width:6%;padding:20px 0 0 0;text-align:center;">אבג</div> <div class="light" style="width:38%;padding:10px 12px 10px 0;">אבג</div> <div class="dark" style="width:25%;padding:10px 12px 10px 0;">אבג</div> <div class="light" style="width:8%;padding:20px 0 0 0;text-align:center;">אבג</div> <div class="dark" style="width:8%;padding:20px 0 0 0;text-align:center;">אבג</div> <div class="light" style="width:12%;padding:20px 0 0 0;text-align:center;">אבג</div> </div> <div id="forum_line"> <div class="dark" style="width:6%;padding:20px 0 0 0;text-align:center;">אבג</div> <div class="light" style="width:38%;padding:10px 12px 10px 0;">אבג</div> <div class="dark" style="width:25%;padding:10px 12px 10px 0;">אבג</div> <div class="light" style="width:8%;padding:20px 0 0 0;text-align:center;">אבג</div> <div class="dark" style="width:8%;padding:20px 0 0 0;text-align:center;">אבג</div> <div class="light" style="width:12%;padding:20px 0 0 0;text-align:center;">אבג</div> </div> </div> </div> <div id="index_table"> <div class="subject_cat">קטגוריית ניסיון</div> <div id="back_descforum"> <div id="forum_desc"> <div class="tag" style="width:6%;text-align:center;"></div> <div class="tag" style="width:38%;padding:1px 9px 0 0;">פורום</div> <div class="tag" style="width:25%;padding:1px 9px 0 0;">הודעה אחרונה</div> <div class="tag" style="width:8%;text-align:center;">נושאים</div> <div class="tag" style="width:8%;text-align:center;">הודעות</div> <div class="tag" style="width:12%;text-align:center;margin:0;padding:1px 0 0 1px;">אחראים</div> </div> <div id="forum_line"> <div class="dark" style="width:6%;padding:20px 0 0 0;text-align:center;">אבג</div> <div class="light" style="width:38%;padding:10px 12px 10px 0;">אבג</div> <div class="dark" style="width:25%;padding:10px 12px 10px 0;">אבג</div> <div class="light" style="width:8%;padding:20px 0 0 0;text-align:center;">אבג</div> <div class="dark" style="width:8%;padding:20px 0 0 0;text-align:center;">אבג</div> <div class="light" style="width:12%;padding:20px 0 0 0;text-align:center;">אבג</div> </div> <div id="forum_line"> <div class="dark" style="width:6%;padding:20px 0 0 0;text-align:center;">אבג</div> <div class="light" style="width:38%;padding:10px 12px 10px 0;">אבג</div> <div class="dark" style="width:25%;padding:10px 12px 10px 0;">אבג</div> <div class="light" style="width:8%;padding:20px 0 0 0;text-align:center;">אבג</div> <div class="dark" style="width:8%;padding:20px 0 0 0;text-align:center;">אבג</div> <div class="light" style="width:12%;padding:20px 0 0 0;text-align:center;">אבג</div> </div> <div id="forum_line"> <div class="dark" style="width:6%;padding:20px 0 0 0;text-align:center;">אבג</div> <div class="light" style="width:38%;padding:10px 12px 10px 0;">אבג</div> <div class="dark" style="width:25%;padding:10px 12px 10px 0;">אבג</div> <div class="light" style="width:8%;padding:20px 0 0 0;text-align:center;">אבג</div> <div class="dark" style="width:8%;padding:20px 0 0 0;text-align:center;">אבג</div> <div class="light" style="width:12%;padding:20px 0 0 0;text-align:center;">אבג</div> </div> </div> </div> בבקשה עזרה   |
|
14-07-06, 10:31
|
# 2 |
|
אין כמו ב127.0.0.1
|
מה ציפית? בגלל זה בדיוק לא עובדים עם DIVים עדיין.
כשיצא FF 2 אני מקוו שהתמיכה בDIVים תהיה כמו בIE. |
|
14-07-06, 10:35
|
# 3 | |
|
הוסטסניון
|
ציטוט:
תודה. |
|
|
14-07-06, 12:17
|
# 4 |
|
Permanently Banned
|
נערך ע"י eLad
DIV לא בנוי כדי להחליף את הטבלאות. זה השימוש של הטבלאות והשימוש בDIV כדאי להגיע לאותה הרמה של הטבלאות בכזה דבר יקח יותר משאבים, יהיה מסורבל, יפעל בצורה שונה בין דפדפן לדפדפן. דרך אגב, FF מפעיל את ה DIVs בדיוק כמו שצריך ! הIE הוא זה שלא מפעיל אותם כראוי. ישנם אין ספור יכולות של display ויכולות CSS העובדות רק בFF מכיוןן שIE מיושן ולא עובד עם CSS 2. |
|
14-07-06, 13:13
|
# 5 |
|
אין כמו ב127.0.0.1
|
נערך ע"י eLad
חבר'ה, תרגיעו טיפה את העניינים (-: |
|
14-07-06, 14:09
|
# 6 |
|
חבר מתקדם
|
רק לשם הבהרה - זה לא באג, ככה הוא אמור להיות מוצג, ה-IE עובד בדרך שמיקרוסופט רוצים ובגלל זה בו אין בעיות עם זה..
|
|
14-07-06, 14:18
|
# 7 | |
|
משתמש - היכל התהילה
|
ציטוט:
אין טעם להתחיל להאשים דפדפנים/חברות. כל מנוע של דפדפנים מציג HTML בצורה אחרת. בגלל זה התחילו עם כל הענין של התקנים ואם חברה לא רוצה לעמוד בתקנים זו זכותה. התפקיד של הכותב HTML הוא להתאים את האתר לדפדפנים ואם דפדפן רוצה לעשות טוב לעצמו כדאי לו להיות כמה שיותר חכם.
__________________
קו ישר, כי אפשר גם אחרת |
|
|
14-07-06, 14:32
|
# 8 |
|
חבר מתקדם
|
אף אחד לא האשים, רק הבהרתי את הנקודה..
|
|
14-07-06, 14:59
|
# 9 |
|
חבר בקהילה
|
הDIV בשילוב עם הCSS צריך להחליף את הטבלאות ולא להתחיל להתנפל עליי, תקשיבו עד הסוף.
לפני הCSS לא הייתה דרך לקודד אתרים בצורה מקצועית ללא טבלאות ולכן קידדו את רוב האתרים כך, זהו שימוש לא נכון בטבלאות אבל לא הייתה ברירה אחרת, טבלאות צריכות לשמש אך ורק להצגת מידע טבלאי(בצורת טבלה). הגיע הCSS ובשילוב עם תגיות הHTML שם קץ לתופעה המרגיזה והלא נכונה של שימוש בטבלאות לצורך קידוד אתרים, לפחות שם קץ מבחינת האפשרויות, זה לא שהפסיקו להשתמש בטבלאות אבל כיום רבים מנסים להיגמל מזה, אבל כל זה לא אומר שבטבלאות לא צריך להשתמש, בטבלאות צריכים להשתמש בשביל הייעוד שלהן שהוא הצגת מידע בצורה טבלאית, הDIV עוזר המון בקידוד אתרים אומנם אבל בכל הנוגע לשימוש טבלאי משתמשים בטבלאות כי הרי זה מה שהם נועדו לו. בברכה, אסף. |
|
14-07-06, 15:26
|
# 10 | |
|
Permanently Banned
|
ציטוט:
לא יוצרים טבלה של 6 על 20 בDIV, זה טימטום מוחלט וחוסר הגיון. תאמינו לי, אני הבן אדם שהכי מתעסק פה עם כל מה שקשור לCSS וDIVs והכי מכיר את כל העיניין הזה. רק בFF הDIV יכול באמת להחליף את הTABLE בעזרת הפיכת הDIV לסוג table-cell אבל דבר זה לא נתמך בIE ומכיוון שמרבית הגולשים משתמשים בדפדפן המיושן הDIV ישאר כמו שהוא, שימושי לדברים מוסיימים בלבד. TABLE עדין תקני, TABLE הכי יעיל והכי טוב ויצירת מבנה של פורום (הטבלאות של שמות הפורומים). אין סיבה שבעולם לעשות את מה שפותח הדיון עשה... |
|
 |
| חברים פעילים הצופים באשכול זה: 1 (0 חברים ו- 1 אורחים) | |
| כלים לאשכול | |
| תצורת הצגה | |
|
|
עבור למצב קווי
