login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Drop down menu werkt niet naar behoren in IE

Offline Chilion - 27/05/2008 16:20 (laatste wijziging 27/05/2008 16:21)
Avatar van ChilionMySQL interesse In alle browsers werkt het, behalve in Internet Explorer. Natuurlijk.
Mijn dropdownmenutje "dropt wel down" maar de tekst is er zichtbaar doorheen.
Voor de handigheid de link er bij:
www.gastouderbureaupinkeltje.nl/docs
Rara hoe kan dit? Dit is mijn CSS:

  1. body {
  2. behavior:url("./csshover.htc");
  3. }
  4.  
  5. #menu1 {
  6. position: absolute;
  7. z-index : 20;
  8. left: 5px;
  9. top: 5px;
  10. width: 150px;
  11. padding:0px;
  12. font-size: 18px;
  13.  
  14.  
  15. }
  16. #menu2 {
  17. position: absolute;
  18. z-index : 20;
  19. left: 155px;
  20. top: 5px;
  21. width: 150px;
  22. padding:0px;
  23. font-size: 18px;
  24.  
  25. }
  26.  
  27. #menu3 {
  28. position: absolute;
  29. z-index : 20;
  30. left: 305px;
  31. top: 5px;
  32. width: 150px;
  33. padding:0px;
  34. font-size: 18px;
  35.  
  36. }
  37.  
  38. #menu4 {
  39. position: absolute;
  40. z-index : 20;
  41. left: 455px;
  42. top: 5px;
  43. width: 150px;
  44. padding:0px;
  45. font-size: 18px;
  46.  
  47. }
  48.  
  49. hr.menu {
  50. margin: 0px;
  51. height: 0px;
  52. border: 0px;
  53. border-top: 1px solid #FF9933;
  54. }
  55.  
  56. a.menu {
  57. text-decoration:none;
  58. color:black;
  59. color: #FFFFFF;
  60. }
  61.  
  62. a.menu:hover {
  63. color:#FFFFFF;
  64. }
  65.  
  66. /* algemene positionering */
  67.  
  68. ul, li {
  69. margin:0;
  70. color: #FFFFFF;
  71. display:block;
  72. }
  73.  
  74. ul {
  75. list-style:none;
  76. width:150px;
  77. border:2px solid #669900;
  78. background:#FF9933;
  79. text-align: left;
  80. }
  81.  
  82. li {
  83. position:relative;
  84. background:#FF9933;
  85. z-index:9;
  86.  
  87. }
  88.  
  89. ul.menubtn {
  90. width: 100px;
  91. text-align: right;
  92. background: #FF9933;
  93. }
  94.  
  95. li.folder {
  96. border-right-color:#FF9933;
  97. }
  98.  
  99. /* decoratieve hover */
  100.  
  101. li:hover {
  102. z-index:15;
  103. }
  104.  
  105. /* Alle subnavigatie verbergen */
  106.  
  107. ul ul {
  108. position:absolute;
  109. display:none;
  110. right:-140px;
  111. top:4px;
  112. }
  113.  
  114. ul ul.dropdown {
  115. right: 0px;
  116. top: 21px;
  117. }
  118.  
  119. /* :hover, met specificity */
  120.  
  121. li:hover ul ul {
  122. display:none;
  123. }
  124.  
  125. li:hover ul, li:hover li:hover ul {
  126. display:block;
  127. }

2 antwoorden

Gesponsorde links
Offline WouterPSV - 27/05/2008 16:35
Avatar van WouterPSV Lid Welke IE gebruik je.

Ik had het ook bij een menu.. En het werkt wel toen ik update naar 7.0 uitvoerde.

Offline Sandernerd - 27/05/2008 16:57
Avatar van Sandernerd PHP beginner Houd er rekening mee dat IE 6 geen hovers op divs ondersteunt.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2020 Sitemasters.be - Regels - Laadtijd: 0.217s