הוסטס - פורום אחסון האתרים הגדול בישראל - [CSS] רוחב שדה בטופס משתנה בדפדפנים

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

- - [CSS] רוחב שדה בטופס משתנה בדפדפנים (https://hosts.co.il/forums/showthread.php?t=35664)

[CSS] רוחב שדה בטופס משתנה בדפדפנים

היי.
אני גולש פיירפוקס, כרגע אני מקודד עיצוב וחשוב לי שיראה אותו הדבר באקספלורר ופיירפוקס...מה שככל הנרא הבלתי אפשרי.

יש טופס, ולשדות שלו יש רקע... אז בקובץ CSS עשיתי ככה:

קוד:

background-image:url(images/inputTextBG.jpg);

border: 0px;

width: 111px;

height: 21px;

רוחב התמונת רקע הוא 111 פיקסלים, בפיירפוקס הוא מראה את זה מצויין כמו שצריך, אבל באקספלורר השדה מופיע ב2 פיקסלים יותר, ונוצר מצב ששחלק מהתמונת רקע מופיע שוב.. וזה מכוער :S

כאשר אני כותב 109 פיקסלים בCSS באקספלורר זה מתקבל טוב ונראה כמו שצריך, אבל בפיירפוקס רואים שהשדה קצר מידי..הקטע של המסגרת לא נכנס וזה מכוער :S

אני יכול להתעצל ולכתוב "האתר מותאם לדפדפן פיירפוקס.." ולתרץ כל כיעור שנוצר עקב השוני של הדפדפנים..
או לתקן את זה איכשהו..

יש לכם רעיונות?

תודה רבה.

PHP קוד:


		
			
background-image:url(images/inputTextBG.jpg);

border: 0px;

width: 111px;

<!--[if IE]> 

width: 109px;

<![endif]-->

height: 21px;

אלעד..אתה רציני לגבי ה IF IE ? או שאתה מסתבלט

ולמי ששאל...
אתה יכול להגדיר שהרקע לא יחזור על עצמו על ידי הוספת no-repeat

אלעד תודה על הניסיון, אבל לא עובד.

והno repeat עושה לי רקע לבן באקספלורר, ניסיתי קודם ועכשיו - אותה תוצאה.

תודה בכל אופן.

עוד רעיונות?

תנסה:

HTML קוד:

.name {

background-image:url(images/inputTextBG.jpg);

border: 0px;

width: 111px;

height: 21px;

}



* html .name {

width: 109px;

}

תנסה לתת לו
margin:0
padding:0
זה גם יכול לעזור...

ציטוט:

נכתב במקור על ידי DCB (פרסם 384207)

תנסה לתת לו
margin:0
padding:0
זה גם יכול לעזור...

אם זה DIV אז לא..

פשוט תעשה רקע יותר גדול ממה שאתה צריך (נניח 300*100) ואז זה ימתח בהתאם לדפדפן

ציטוט:

נכתב במקור על ידי BlueNosE (פרסם 384809)

פשוט תעשה רקע יותר גדול ממה שאתה צריך (נניח 300*100) ואז זה ימתח בהתאם לדפדפן

זה פתרון קצת "ערבי" לא?...
הרעיון הוא לתקן בעיה לא על ידי יצירת בעיה אחרת
עם הפתרון שלך יש לו עוד 2 פיקסלים שנדחפים לאתר בלי קשר...