שלום
בניתי אתר לחנות
זו הכתובת הזמנית:
http://62.219.17.142/~dhmusica/index.php
יש לי כמה דברים שאשמח אם תעזרו לי בהם

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

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

3.האתר עובד נכון רק באקספלורר, איך אני "מתרגם" לפיירפוקס?

תודה

1. ב-FF הבעיה הזו לא קיימת.
אני מניח שזה בגלל שאין לך מאפיין של value עם ערך של מחרוזת ריקה.
בעיה אחרת שיכולה להיות היא שיש לך אלמנט עם z-index גבוה יותר מאשר של ה-input מסוג ה-text, והוא נמצא בדיוק באזור האמצעי. (אפשרות פחות סבירה, אבל עדיין אפשרות)

2. אתה מתכון לאוביקטים של החיצים?

אם כן, אז תצטרך לקבוע overflow לאלמנט ה-div שהוא אלמנט האב של ה-object.

זה הקוד שאתה כתבת:

קוד:

<div style="position: absolute; z-index: 1; width: 70%; height: 124%; left: 15.7%; top: 290px;"> 

תצטרך לשנותו ל:

קוד:

<div style="width: 70%; height: 124%; overflow:hidden;"> 

פשוט צריך לשחק עם ה-CSS כדי לסדר אותו...
הנה רשימה של תכונות CSS שתוכל להיעזר בהן:
http://www.w3schools.com/css/css_reference.asp
בגלל שהורדתי את תכונת ה-position, אז שים לב שהאובייקט נמצא במקום הנכון שלו במסמך ה-HTML.

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

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

טוב סידרתי כמה דברים

מה שאני רוצה לסדר עכשיו זה שהתפריטים או ליתר דיוק תת התפריטים:
הם נפתחים מאחורי החיפוש וגם מאחורי החצים ואז גם לא רואים את מה שכתוב בהם
וגם תת התפריטים נעלמים כאשר הם עולים על החיפוש או החיצים
איך אני גורם לתת התפריטים להיות בעדיפות ראשונה
(אך בלי לפגוע בכך שהחיפוש יעבוד כלומר בכל האזור לכתיבה אני אוכל לבחור עם העכבר ולכתוב)
ניסיתי ב CSS לשחק עם ה relative/absolute
אבל זה לא סידר את זה וגם בלגן לי את העמוד

http://62.219.17.142/~dhmusica/index.php

העליתי את ה PHP של העמוד וכגם את ה CSS של התפריט:
https://2009-uploaded.fresh.co.il/2...02/75674489.css https://2009-uploaded.fresh.co.il/2...2/12003808.phps

לא התעמקתי אבל זה כנראה בגלל שהגדרת Position:absolute, וזו ההגדרה שגורמת לבעיה.
כתבתי למעלה מה צריך לעשות בנוגע לזה...

כפי שכתבת שיניתי את
<div style="position: absolute; z-index: 1; width: 35%; height: 35%; left: 15.7%; top: 290px;">

ל

<div style="width: 70%; height: 124%; overflow:hidden;">

וזה גרם להעלמות החיצים לחלוטין
זה כאילו שיש סתירה בין תת התפריטים לחיצים ולחיפוש

אכן אני מניח שאלמנטים עולים אחד על השני בגלל ההגדרות של ה-position...

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

כדי שתת-התפריטים והתפריטים יהיו בעדיפות ראשונה, תחזיר את כל הקוד כפי שהוא היה מיקודם (כלומר אל תתייחס להודעה האחרונה שלי שאמרתי לך לשנות קוד מסוים), ותגדיר לכל אלמנט של תפריט שיש לו תכונה של position:absolute את התכונה z-index עם ערך שגבוה יותר מכל שאר האלמנטים במסמך (תנסה 100 או 900 ...).

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

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

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

ניסיתי לשנות ZINDEX ב CSS לתת התפריטים

שיניתי ל 900 לא שינה כלום

ניסיתי גם לחיצים

למה נתת לחיצים z-index גבוה? לחיצים אמור להיות z-index של 0.

תחליף את ה-div של החיצים:

קוד:

<div style="position: absolute; width: 35%; height: 35%; left: 15.7%; top: 290px; z-index: 900;">

עם זה:

קוד:

<div style="position: absolute; width: 35%; height: 35%; left: 15.7%; top: 290px; z-index: 0;">

ניסיתי zindex 0

לא מסדר את העניין

תנסה:

קוד:

<div style="position: relative; width: 35%; height: 35%; left: 15.7%; top: 290px; z-index: -1; zoom: 1;">

אם זה עובד, תשנה את relative ל- absolute, אם זה הורס את זה, תנסה להסתדר עם relative..