הכנתי סקריפט Hide/Show בJavaScript.
הפעולה של הסקריפט היא להציג או להסתיר <div> עם עיצוב ב-CSS כשלוחצים על לינק ברשימה, ולשנות את החץ של הרשימה.

זה הדף עם הסקריפט: https://2005-uploaded.fresh.co.il/2...3/17764506.html
הבעיה היא שה-margin של ה-divים לא קבוע.
למשל:

1. אם לוחצים קודם על test1 אין margin בתחתית של ה-div
2. אם לוחצים בסדר הזה משמאל לימין: test1, tes2, test1, ה-margin של ה-div של test1 נשאר למרות שהוא אמור להעלם, ורק כשלוחצים אחרי זה על test2 הוא נעלם.
3. אם לוחצים על test1, test2 (שוב משמאל לימין), רק שכלוחצים על השני ה-margin של הראשון מופיע. אם לוחצים בסדר הפוך אז אין margin לראשון.

למה זה קורה ומה אפשר לעשות עם זה?

* בדקתי את הסקריפט ב-IE 6.0 וב-Firefox 1.0.7 והבעיה הייתה בפיירפוקס

בדקתי גם באופרה (וזה הגיוני שיהיה כמו באקספלורר.
ב-FF 1.5beta זה מוצג טוב.
בנטסקייפ שמבוסס כמובן על ג'קו (המנוע של מוזילה/FF) רואים את זה כמו שראית ב-FF 1.0.7.

עריכה:
טעות (במה שכתבתי), אני בדוק שוב.

עריכה:
תנסה אולי להגדיר את ה-margin של הקישור ל-0

זה צריך להיות block אבל מה שאמרת נתן לי רעיון והצלחתי לסדר את זה אבל זה לא פיתרון מושלם.
הנה הדף החדש: https://2005-uploaded.fresh.co.il/2...3/93009174.html.


אני חוזר בערב, מקווה שיהיה למישהו הסבר מה הבעיה בקובץ המקורי

עשית הכל חוץ מאת הדבר הנכון - להבין מה בדיוק הבעיה
בכל אופן, הפיתרון הוא כזה - תוסיף ל-CSS שלך את החלק הבא:

קוד:

li{
margin-left: -15px;
overflow: hidden;
list-style-position: inside;
}
* html li{
margin-left: 0;
list-style-position: outside;
}

החלק הראשון מסדר את הבעיה בשועל. החלק השני מסדר את הבעיות החדשות שנוצרו בIE

בברכה,
דקל

אין דרך לסדר את זה בלי ליצור בעיות ב-IE (למרות שאפשר לסדר אותן)?