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:

css code - Bekijk de code zonder highlighting - Klap code in 
  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. }

1 antwoord

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.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.178s