Hallo Ihr Lieben,

ich bin mal wieder mit meinem Latein am Ende.

Der IE macht mal wieder nicht das was er soll.

Schaut mal bitte hier -> Problemseite das Menü, FF, Opera alles hübsch IE verweigert bei Menüpunkt "Problem" den z-index :'(

Ich krieg es nicht raus woran es liegt und hoffe auf eure Hilfe.

Code (Text):

1. .menu {
2. background:#EFEFEF none repeat scroll 0 0;
3. border:1px solid #A7A7A7;
4. float:left;
5. font-size:13px;
6. margin-left:-1000px;
7. margin-top:10px;
8. padding-bottom:80px;
9. width:160px;
10. z-index:1000;
11. text-align:left;
12. }
13. .menuheader {
14. background-color:#E3B805;
15. border:medium none !important;
16. color:#FFFFFF;
17. font-family:Verdana,Arial,Helvetica,sans-serif;
18. font-size:13px;
19. font-weight:bold;
20. margin:0;
21. padding:3px;
22. text-align:left;
23. width:154px;
24. padding-bottom:6px;
25. padding-top:6px;
26. }
27. .menu ul {
28. list-style-type:none;
29. margin:0;
30. padding:0;
31. }
32. * html .menu ul {
33. margin-left:0;
34. }
35. .menu li {
36. position:relative;
37. }
38. .menu table {
39. border-collapse:collapse;
40. font-size:13px;
41. left:0;
42. position:absolute;
43. top:0;
44. z-index:100;
45. }
46. .menu a, .menu a:visited {
47. background:transparent none repeat scroll 0 0;
48. border-bottom:medium none;
49. color:#000000;
50. display:block;
51. height:25px;
52. line-height:25px;
53. text-decoration:none;
54. text-indent:5px;
55. width:160px;
56. }
57. * html .menu a, * html .menu a:visited {
58. background:#EFEFEF none repeat scroll 0 0;
59. }
60. * html .menu a:hover {
61. background:#5A5A5A none repeat scroll 0 0;
62. border:medium none;
63. color:#FFFFFF;
64. width:160px;
65. }
66. .menu :hover > a {
67. background:#5A5A5A none repeat scroll 0 0;
68. color:#FFFFFF;
69. width:160px;
70. }
71. .menu ul ul {
72. background:#EFEFEF none repeat scroll 0 0;
73. border:1px solid #5A5A5A;
74. left:99px;
75. position:absolute;
76. top:0;
77. visibility:hidden;
78. z-index:2000;
79. height:auto !important;
80. }
81. .menu ul li:hover ul, .menu ul a:hover ul {
82. visibility:visible;
83. width:160px;
84. }
85. .menu ul :hover ul ul {
86. visibility:hidden;
87. }
88. .menu ul :hover ul :hover ul ul {
89. visibility:hidden;
90. }
91. .menu ul :hover ul :hover ul {
92. visibility:visible;
93. }
94. .menu ul :hover ul :hover ul :hover ul {
95. visibility:visible;
96. }

HTML:

1.  <div class="menu">
2.         <div id="start">
3.           <ul>
4.               <li><a href="index.php">Startseite</a></li>
5.           </ul>
6.         </div>
7.         <ul>
8.         <li>&nbsp;</li>
9.         <li class="menuheader">unser Angebot</li>
10.         <li><a href="#" >Link</a></li>
11.         <li><a href="#" >Link</a></li>
12.         <li><a href="#">Problem »<!--[if IE 7]><!--></a><!--<![endif]-->
13.             <!--[if lte IE 6]><table><tr><td><![endif]-->
14.           <ul>
15.             <li><a href="#">Link</a></li>
16.                 <li><a href="#">Link</a></li>
17.                 <li><a href="#">Link</a></li>
18.                 <li><a href="#">Link</a></li>
19.                 <li><a href="#">Link</a></li>
20.             </ul>
21.             <!--[if lte IE 6]></td></tr></table></a><![endif]-->
22.         </li>
23.          <li><a href="#">Problem »<!--[if IE 7]><!--></a><!--<![endif]-->
24.             <!--[if lte IE 6]><table><tr><td><![endif]-->
25.            <ul>
26.              <li><a href="#">Link</a></li>
27.                 <li><a href="#">Link </a></li>
28.                 <li><a href="#">Link</a></li>
29.                 <li><a href="#">Link </a></li>
30.             </ul>
31.         <!--[if lte IE 6]></td></tr></table></a><![endif]-->
32.         </li>
33.         <li>&nbsp;</li>
34.         <li class="menuheader">Link</li>
35.         <li><a href="#">Link</a></li>
36.         <li><a href="#">Link</a></li>
37.         <li><a href="#">Link</a></li>
38.         <li>&nbsp;</li>
39.         <li class="menuheader">Intern</li>
40.         <li><a href="#">Kontakt</a></li>
41.         <li><a href="#">AGB</a></li>
42.         <li><a href="#">Impressum</a></li>
43.       </ul>
44.     </div> <!-- ende menu -->

 

AW: Navigationsproblem - IE ignoriert z-index

Versuch mal das so umzuschreiben, dass du für den IE

.menu ul ul


auch noch irgendwie mit der Tabelle verknüpfst... du unterbrichst im Grunde die ul ul Definition durch den Einbau einer Tabelle

 

AW: Navigationsproblem - IE ignoriert z-index

ich weiss nicht, ob das das auslösende Ding ist, aber die class menu hat ein z-index:1000, deine .menu table ist mit z-index:100 darunter positioniert.

edit:ist es nicht...grad getestet...

 

AW: Navigationsproblem - IE ignoriert z-index

jep, auch versucht..geht nich... *hmpf