הוסטס - פורום אחסון האתרים הגדול בישראל - [CSS] פיירפוקס הזה עושה בעיות (לא כמו IE מותק של דפדפן :D)

- פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)

[CSS] פיירפוקס הזה עושה בעיות (לא כמו IE מותק של דפדפן :D)

ניסיתי לעשות טבלה עם DIV-ים (לא סובל <TABLE>) למקרה שאזדקק, וחשבתי על טבלה כזאת לאינדקס פורומים.. הכל עבד מצויין, עד שנכנסתי לפיירפוקס - זוועה :(

תצוגה ב IE:
http://img511.imageshack.us/img511/4649/ie6nk.th.jpg

תצוגה ב FF:
http://img511.imageshack.us/img511/7215/ff0he.th.jpg

---
קוד 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:

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>

בבקשה עזרה |...| :)

מה ציפית? בגלל זה בדיוק לא עובדים עם DIVים עדיין.
כשיצא FF 2 אני מקוו שהתמיכה בDIVים תהיה כמו בIE.

ציטוט:

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

מה ציפית? בגלל זה בדיוק לא עובדים עם DIVים עדיין.
כשיצא FF 2 אני מקוו שהתמיכה בDIVים תהיה כמו בIE.

תתפלה אבל אני עשיתי אתר 100% דיוים...והכל נראה פרפקט בשני הדפדפנים (אני לא בא להשוויץ פה כן?) וזה אתר יחסית גדול...אם אתה רוצה אני יראה לך אחר כך במסן...אבל הוא כולו DIVים ואין שום בעיות איתו....

תודה.

נערך ע"י eLad

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

דרך אגב, FF מפעיל את ה DIVs בדיוק כמו שצריך ! הIE הוא זה שלא מפעיל אותם כראוי.

ישנם אין ספור יכולות של display ויכולות CSS העובדות רק בFF מכיוןן שIE מיושן ולא עובד עם CSS 2.

נערך ע"י eLad

חבר'ה, תרגיעו טיפה את העניינים (-:

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

ציטוט:

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

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

ב"ה

אין טעם להתחיל להאשים דפדפנים/חברות.
כל מנוע של דפדפנים מציג HTML בצורה אחרת.
בגלל זה התחילו עם כל הענין של התקנים ואם חברה לא רוצה לעמוד בתקנים זו זכותה.
התפקיד של הכותב HTML הוא להתאים את האתר לדפדפנים ואם דפדפן רוצה לעשות טוב לעצמו כדאי לו להיות כמה שיותר חכם.

אף אחד לא האשים, רק הבהרתי את הנקודה..

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

בברכה, אסף.

ציטוט:

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

לשימוש של קידוד עיצוב מומלץ להשתמש בDIV, אבל הטבלה בנוי כדי למקם תוכן ולייצב אותו.

לא יוצרים טבלה של 6 על 20 בDIV, זה טימטום מוחלט וחוסר הגיון. תאמינו לי, אני הבן אדם שהכי מתעסק פה עם כל מה שקשור לCSS וDIVs והכי מכיר את כל העיניין הזה. רק בFF הDIV יכול באמת להחליף את הTABLE בעזרת הפיכת הDIV לסוג table-cell אבל דבר זה לא נתמך בIE ומכיוון שמרבית הגולשים משתמשים בדפדפן המיושן הDIV ישאר כמו שהוא, שימושי לדברים מוסיימים בלבד.
TABLE עדין תקני, TABLE הכי יעיל והכי טוב ויצירת מבנה של פורום (הטבלאות של שמות הפורומים). אין סיבה שבעולם לעשות את מה שפותח הדיון עשה...