יצרתי סה"כ div (במקום להשתמש בטבלאות), והקטנתי אותו כשבתוכו יש את הטקסט PHP

תמונה:



הקוד:

קוד:

div.category {
background-color:#568dd2;
border:1px solid #126b9a;
border-spacing:0px;
width:99%;
height:20px;
}

ניסיתי לשחק ב vertical-align של הטקסט אבל זה לא משנה כלום.

חשוב לציין שכן עשיתי חיפוש, ושום דבר שמצאתי לא עזר.

תודה לעוזרים.

עדיף שתיתן יותר פרטים.

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

הצג את קוד ה-HTML וה-CSS.

הבעיה הייתה שאת הטקסט עטפתי בתגי p

דוגמא:
https://2007-uploaded.fresh.co.il/2...4/42228939.html

רק ב FF יש את הבעיה.

מוזר...

זאת התנהגות צפויה של פיירפוקס במצב זה.

אם אלמנט מסויים מכיל דברים הגדולים ממנו, בין בגובה ובין ברוחב, FF נותן לכל אלמנט לגלוש אל מחוץ לתחומו, כאשר IE מתאים את הגודל אוטומטית. דבר זה מתרחש בתנאי שיש גודל מוגדר.

כלומר אם תיקח DIV בגודל [גובה לדוגמא] 10px ותשים בתוכו DIV בגודל 20px, התוצאה תהיה:
1. FF ייתן לאלמנט הפנימי הגדול לגלוש אל מחוץ לתחום של אלמנט האב.
2. IE יתאים את הגודל של אלמנט האב לאלמנט הגדול יותר שבתוכו.

ועכשיו למקרה של התג p:
יש לו margin בגודל מסויים, הגדול מהרגיל אצל כל אלמנט אחר. זה דבר אחד שגורם ל-p לקחת גודל מספיק גדול בשביל לעקוף את התג הפנימי (שגודלו 10px ... ).
בנוסף ה-line-height שלו גם תופס מקום (קצת יותר מ-100 אחוז) אבל אני מניח שזה הנורמה. בכל זאת, אם תיקבע (ב-CSS) את ה-line-height ל-100%, הגודל של האלמנט p יצטמצם.

תמיד קח את זה בחישובים...

ציטוט:

כלומר אם תיקח DIV בגודל [גובה לדוגמא] 10px ותשים בתוכו DIV בגודל 20px, התוצאה תהיה: 1. FF ייתן לאלמנט הפנימי הגדול לגלוש אל מחוץ לתחום של אלמנט האב. 2. IE יתאים את הגודל של אלמנט האב לאלמנט הגדול יותר שבתוכו.

אני רוצה שזה יתבצע כמו בIE(כאילו שאני משתמש בטבלאות ולא בDIV)...
אז איך עושים שזה יתבצע כראוי(רמו שאני רוצה...XD...)....בשני הדפדפנים...?
בכל מקרה איך כותבים קוד בCSS...שבאינטרנט אקספלואר יעשה משהוא 1 ובFF...יעשה משהוא אחר?
(בלי לעשות דף CSS בנפרד לIE ןFF...)...

ציטוט:

אני רוצה שזה יתבצע כמו בIE(כאילו שאני משתמש בטבלאות ולא בDIV)... אז איך עושים שזה יתבצע כראוי(רמו שאני רוצה...XD...)....בשני הדפדפנים...?

אני חושב שזה תלוי במקרה עצמו. הצג את הבעיה וננסה לפתור.
אם לא מגדירים גודל לאלמנט, אז הגודל של האלמנט אמור להיות מותאם אוטומטית לגודל תוכנו (ב-FF ו-IE ביחד).

ציטוט:

בכל מקרה איך כותבים קוד בCSS...שבאינטרנט אקספלואר יעשה משהוא 1 ובFF...יעשה משהוא אחר? (בלי לעשות דף CSS בנפרד לIE ןFF...)...

יש כל מיני האקים...
כאלה של CSS וכאלה של HTML.
תסתכל בעמודים הבאים:
CSS Hacks
IE Hack-Conditional comments

-----
כרגע ניסיתי להוסיף height:100% לאלמנט האב, וזה עובד מצוין!
גם ב-IE וגם ב-FF אלמנט האב מתאים אוטומטית את גובהו. ההבדל היחידי זה ש- FF לוקח בחשבון את ה-margin של התג p, ואילו IE לא.
עליתי על ה"טריק" בעקבות העמוד הבא:
http://www.quirksmode.org/css/clearing.html