Navigationsproblem - IE ignoriert z-index

Navigationsproblem - IE ignoriert z-index | PSD-Tutorials.de

Erstellt von Tattoomaus78, 17.11.2008.

  1. Tattoomaus78

    Tattoomaus78 nemesis-artgroup.de

    654
    Dabei seit:
    23.08.2005
    Beiträge:
    5.328
    Geschlecht:
    weiblich
    Ort:
    auf und davon
    Navigationsproblem - IE ignoriert z-index
    17.11.2008 20:35
    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 -->
     
    #1     ▲ 
  2. shutterstock

    Shutterstock Foren-Sponsor

    Foren-Sponsor: Wie ein dreiseitiger Falz-Flyer in Adobe InDesign entsteht

    Suchst du einen effektiven Weg, um deine Geschäftsidee zu fördern? Erfahre, wie du einen dreiseitigen Falz-Flyer erstellst, der deine Kunden wirkungsvoll über deine Produkte und Dienstleistungen informiert. Klicke jetzt hier!

  3. Herr_D

    Herr_D offline

    Dabei seit:
    09.06.2005
    Beiträge:
    8.555
    Geschlecht:
    männlich
    Navigationsproblem - IE ignoriert z-index
    17.11.2008 20:42
    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
     
    #2     ▲ 
  4. sokie

    sokie Mod | Web

    Dabei seit:
    23.03.2008
    Beiträge:
    5.338
    Geschlecht:
    männlich
    Ort:
    Bünde NRW
    Software:
    <br>COREL <br> Texteditor
    Navigationsproblem - IE ignoriert z-index
    17.11.2008 21:12
    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...
     
    Zuletzt bearbeitet: 17.11.2008
    #3     ▲ 
  5. Tattoomaus78

    Tattoomaus78 nemesis-artgroup.de

    654
    Dabei seit:
    23.08.2005
    Beiträge:
    5.328
    Geschlecht:
    weiblich
    Ort:
    auf und davon
    Navigationsproblem - IE ignoriert z-index
    17.11.2008 21:30
    AW: Navigationsproblem - IE ignoriert z-index

    jep, auch versucht..geht nich... *hmpf
     
    #4     ▲ 
x
×
×