שלום,
הטמעתי תפריט JAVA ו- CSS בתוך האתר שאני בונה. בפיירפוקס זה עובד טוב.
http://www.mor-clinic.com/new/new.html
אבל באקספלורר החלק של התפריט שנפתח- כשעומדים על "טיפולים" נפתח מתחת לתמונה שבאה מתחתיו ולכן לא רואים אותו. זה למרות שהגדרתי z-index גבוה יותר לתפריט ול DIV שהוא בתוכו.
העלתי את הקובץ של האתר שכולל בתוכו גם את CSS וה JAVA כדי שתוכלו לראות.
תודה רבה!

https://2008-uploaded.fresh.co.il/2...1/72237965.html

מצטער אבל הקוד מעצבן אותי לקרוא אותו.

שמתי לב שב-CSS הגדירו לאלמנט position:relative ביחד עם z-index, אבל אני חושב ש- z-index עובד רק עבור אלמנטים שיש להם הגדרת position:absolute.

ראה מקור: http://www.w3schools.com/css/pr_pos_z-index.asp
ציטוט:

ציטוט:

Note: Z-index only works on elements that have been positioned (eg position:absolute; )!

תראה,
http://www.mor-clinic.com/new/index.html
הוצאתי את ה DIV מתוך ה DIV RELATIVE שהוא היה בתוכו, ואכן, התפריט עובד. אבל אני רוצה למרכז את התפריט באמצע העמוד, כמו שעשיתי לשאר ה DIVS. אז איך אני יכולה גם למרכז אותו וגם להשאיר אותו ABSOLUTE?
תודה רבה מראש!

ב-CSS בקטע הבא:

קוד:

#home-menu {
	position:absolute;
	left:30px;
	top:155px;
	width:698px;
	height:30px;
	z-index:12;
	visibility:visible;
}

תורידי את position:absolute.

בנוסף תורידי את כל ה- z-index המיותרים, שהקוד יהיה יותר אסתטי וקריא

איך זה אמור להתמרכז לאמצע העמוד כשאני פותחת אותו ברזולוציות שונות? קודם זה היה בתוך DIV RELATIVE שממורכז לאמצע, ובתוכו היה התפריט שלא הראה את ה DROPDOWN בגלל ה Z_INDEX שלא עבדאבל התפריט היה באמצע העמוד תמיד. אח"כ הוצאתי אותו מה DIV RELATIVE ובאמת התפריט נפתח בסדר, רק שזה תמיד באותו מקום, גם אם הרזולוצייה משתנה.
לא יכול להיות שאין לזה איזשהוא פתרון... תודה על זמנך והשקעתך!

עכשיו אני מסתכל דרך IE6 ואני רואה שהתפריט זז לצד שמאל.
זה קורה בגלל שהיה לך position:absolute, ולכן אמרתי שתסירי את זה כדי שהתפריט כולו יהיה ממורכז אופקית, ואכן הוא נהיה ממורכז אופקית אחרי ההסרה.

בנוגע לשינוי רזולוציה, התפריט תמיד יהיה ממורכז אופקית אם יהיה לו margin:auto (אבל ללא position:absolute ) אז פשוט תקבעי את זה לתפריט.

ד"א, כל המבנה של האתר פשוט ממש לא טוב....
אני חושב שלכל האלמנטים יש position:absolute, ולא ככה בונים אתר רגיל.

עשיתי מה שאמרת, זה מתמרכז באמצע, אבל מעל לשאר העיצוב.
http://www.mor-clinic.com/new/index10.html
עכשיו זה DIV עצמאי שדוחף את שאר האתר למטה.
ולמה אתה אומר הכל בנוי לא נכון? יש לי 3 DIV ב- RELATIVE אחד לשני- עליון, אמצעי ותחתון. העליון קבוע ובאותו אורך תמיד, האמצעי יכול להתארך בהתאם לאורך הטקסט בתוכו, והתחתון יושב בתחתית האמצעי. בתוכם אני מכניסה DIV אחרים, שהם ב- ABSOLUTE לתוך ה DIV בתוכו הם נמצאים.
יש לך פתרון יותר טוב לעמוד שמתארך לפי הטקסט בתוכו?
תודה על זמנך ותשובותיך כבר אמרתי?

ציטוט:

יש לך פתרון יותר טוב לעמוד שמתארך לפי הטקסט בתוכו?

בוודאי ><

באתר שלך אין צורך לתת relative או absolute לשום אלמנט (תג=אלמנט), מלבד התת-תפריטים (שהם בעלי class של subuls).

ה-DIV של התפריט הוא "DIV עצמאי שדוחף את שאר האתר למטה" מסיבה פשוטה מאוד - נתת לכל\רוב האלמנטים במסמך שלך position:absolute/relative, לכן הם לא מושפעים מאלמנטים אחרים.
ד"א גם נתת שמות class מוזרות כמו home-last3r2c3 (איך את מצליחה לזהות איזה שייך לאיזה?)

ציטוט:

תודה על זמנך ותשובותיך כבר אמרתי?

כן, ואין על מה :]

http://www.mor-clinic.com/new/index1.html
נתתי שמות משמעותיים ל DIV. לא עשיתי את זה קודם כי קודם רציתי שהם יעבדו.
הם לא עובדים. ניסיתי את מה שאמרת, מחקתי את כל ה-
position:absolute מכל הדיבים, ומה שקרה זה שהכל לגמרי התבלגן. אז החזרתי אותם.
חזרנו לבעייה הראשונית , בנ לא רואים את ה- SUB MENU כי הוא נפתח מתחת לDIV.
חוץ מזה, הארכתי את העמוד וריאתי שבכלל הטקסט בתוכו לא מאריך את ה DIV.
איזה בלגן! כמה טוב היה עם TABLES!

בינתיים תנסי לבנות מחדש את הכל ותראי כמה דברים מיותרים כתבת שם (לעניות דעתי)

אוקי תראי...
יש לך יותר מידי תמונות שאת משתמשת בהם בתמונת הלוגו\top ...

מה שאת צריכה באתר זה:
1. תמונת top אחידה (ולא בנויה מחלקים), שתכלול את הגבולות של תבנית האתר (אני מתכון לגבול העליון ולחלק מהגבולות הצדדים).
2. תמונת רקע לתפריט dropdown.
3. תמונות רקע לגבולות הצדדיים בלבד - אחד לימני ואחד לשמאלי, כאשר הם יעשו repeat-y בהתאם להתרחבות אורך העמוד.
4. תמונה רגילה של הגבול התחתון.

את כל הנ"ל את מסדרת בטבלה פשוטה וזהו, טבלה מהסגנון הבא:

קוד:

<table>
<tr colspan='3'><td><img src='top.gif' border='0' /></td></tr>
<tr colspan='3' style='width:100%; background-image:menu_bg.gif;'><td><!--Menu is here--></td></tr>
<tr>
 <td style='width:...; background-image:..;'>&nbsp;</td>
 <td style='background-color:white;'>Dynamic Content</td>
 <td style='width:...; background-image:..;'>&nbsp;</td>
</tr>
<tr colspan='3'><td><img src='bottom.gif' border='0' /></td></tr>
</table>

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

יקח לה המון זמן לעלות

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

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