Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › Drop down menu does not work in IE
New Posts  All Forums:Forum Nav:

Drop down menu does not work in IE - Page 2

post #11 of 17


Use of "inline-block" for display will not work in IE. Any sort of display combinations will not work, only single attributes. Such as "inline" or "block"
     
CPUMotherboardGraphicsHard Drive
Intel 4770k MSI Z87-G45 MSI 290x Lightning Crucial M4 256 x1 
Hard DriveOptical DriveCoolingOS
Crucial M5 It's an optical drive... H60 Liquid Cooler Window 7 Pro 64 Bit 
MonitorMonitorKeyboardPower
BenQ XL2430T Acer H243H Rosewill Illuminated Mechanical Gaming Keyboard... EVGA Supernova 1000P2 
CaseMouseMouse PadAudio
Azza Hurrican Blue Cooler Master Xornet My desk  Some old Altech Lansing 5.1 Speakers 
CPUMotherboardGraphicsRAM
AMD FX-8150 Asus M5A99x EVO EVGA GTX 480 SLI  8gb Corsair XMS3 
Hard DriveOptical DriveCoolingOS
Crucial M4 256 x 2 It's an optical drive, who cares H60 liquid cooler  Windows 7 Pro 64 bit 
MonitorMonitorKeyboardPower
Acer H243H Westinghouse WDE LCM-17v2 Rosewill Illuminated Mechanical Gaming Keyboard... Cougar 1050w modular  
CaseMouseAudio
Azza Hurrican Blue Cooler Master Xornet Some old Altec Lansing 5.1 speakers 
  hide details  
Reply
     
CPUMotherboardGraphicsHard Drive
Intel 4770k MSI Z87-G45 MSI 290x Lightning Crucial M4 256 x1 
Hard DriveOptical DriveCoolingOS
Crucial M5 It's an optical drive... H60 Liquid Cooler Window 7 Pro 64 Bit 
MonitorMonitorKeyboardPower
BenQ XL2430T Acer H243H Rosewill Illuminated Mechanical Gaming Keyboard... EVGA Supernova 1000P2 
CaseMouseMouse PadAudio
Azza Hurrican Blue Cooler Master Xornet My desk  Some old Altech Lansing 5.1 Speakers 
CPUMotherboardGraphicsRAM
AMD FX-8150 Asus M5A99x EVO EVGA GTX 480 SLI  8gb Corsair XMS3 
Hard DriveOptical DriveCoolingOS
Crucial M4 256 x 2 It's an optical drive, who cares H60 liquid cooler  Windows 7 Pro 64 bit 
MonitorMonitorKeyboardPower
Acer H243H Westinghouse WDE LCM-17v2 Rosewill Illuminated Mechanical Gaming Keyboard... Cougar 1050w modular  
CaseMouseAudio
Azza Hurrican Blue Cooler Master Xornet Some old Altec Lansing 5.1 speakers 
  hide details  
Reply
post #12 of 17
Thread Starter 
Quote:
Originally Posted by aHumanBeing View Post



Use of "inline-block" for display will not work in IE. Any sort of display combinations will not work, only single attributes. Such as "inline" or "block"
but it has worked for me before humm.

what could be tha solution ?
post #13 of 17
Thread Starter 
someone ?
post #14 of 17
What version of internet explorer? It works fine in IE10. Although the html you posted is incomplete as there is no ul tag or #menu


You might try reordering your rules. CSS reads from top down, so generic rules should be at the top and the more specific rules listed below. You currently have
Code:
#menu li a:hover

listed before
Code:
#menu li a

This might work in most browsers, but it should be the other way because IE might be reading the latter as overwriting the former.
Edited by schmotty - 7/30/13 at 12:37pm
Longterm upgrader
(19 items)
 
   
CPUMotherboardGraphicsRAM
Phenom 965 BE ASRock Fatal1ty 990FX Killer MSI R9 285 Gaming Team Xtreme 16GB 
Hard DriveHard DriveOptical DriveCooling
seagate SATA intel ssd Sony DVD Burner Corsair H110 
CoolingOSMonitorMonitor
140mm case fan x2 Windows 7 Insignia LG L1932TQ 
KeyboardPowerCaseMouse
Microsoft Natural Ergonomic 4000 OCZ 750w Fatality Fractal Design Define R4 Tt esport Talon 
Mouse PadAudio
yes Logitech 5.1 
  hide details  
Reply
Longterm upgrader
(19 items)
 
   
CPUMotherboardGraphicsRAM
Phenom 965 BE ASRock Fatal1ty 990FX Killer MSI R9 285 Gaming Team Xtreme 16GB 
Hard DriveHard DriveOptical DriveCooling
seagate SATA intel ssd Sony DVD Burner Corsair H110 
CoolingOSMonitorMonitor
140mm case fan x2 Windows 7 Insignia LG L1932TQ 
KeyboardPowerCaseMouse
Microsoft Natural Ergonomic 4000 OCZ 750w Fatality Fractal Design Define R4 Tt esport Talon 
Mouse PadAudio
yes Logitech 5.1 
  hide details  
Reply
post #15 of 17
Quote:
Originally Posted by schmotty View Post

What version of internet explorer? It works fine in IE10. Although the html you posted is incomplete as there is no ul tag or #menu


You might try reordering your rules. CSS reads from top down, so generic rules should be at the top and the more specific rules listed below. You currently have
Code:
#menu li a:hover

listed before
Code:
#menu li a

This might work in most browsers, but it should be the other way because IE might be reading the latter as overwriting the former.

 

His format (based on what he PM'd me) is of the form (in lispish notation because I'm too lazy to fire up zencoding)

 

(div [id "menu"]
  (ul
    (li (a [href "zzz"] "name_here"))
    (li (a [href "zzz"] "name_here"))      ;;etc
    (li
      (ul
        (li (a [href "zzz"] "name_here"))
        (li (a [href "zzz"] "name_here"))) ;;etc
    (li (a [href "zzz"] "name_here"))
    (li (a [href "zzz"] "name_here"))))    ;;etc

 

In your css for anchor elements, change:

 

all your css ending in 'a' tag selector {
  from
  margin: 0px;
  to
  margin: auto;
}

That works a lot of the time. Also, changing which element in the chain has the hover pseudo also makes a difference.

As a note, the descendant selector is different from the child selector

 

#menu > li {

  //this will only affect li where the parent has id="menu"

  //it will match <div id="menu"><li> This will be affected </li></div>

  //but won't match <div id="menu"><div><span><li> this will NOT! NOT! NOT! be affected too</li></span></div></div>
}

#menu li {

  //this will affect ALL li that have id="menu" somewhere upstream

  //it will match <div id="menu"><li> This will be affected </li></div>

  //and also match <div id="menu"><div><span><li> this will be affected too</li></span></div></div>
}

 

Using since you're using decendant, you can clean up your CSS quite a bit (note: while child selectors are theoretically faster, in todays browsers it seems that decendant is actually more optimized. In addition, some versions of IE DON'T support child selectors)

 

Consider using this tutorial as a guide:

http://line25.com/tutorials/how-to-create-a-pure-css-dropdown-menu

 

I'll look some more this evening if I get a chance (I'm currently away from my IE test machines and I run Linux).


Edited by hajile - 7/30/13 at 2:48pm
post #16 of 17
Thread Starter 
ok thank you smile.gif going to try these tutorials and see what happens thumb.gif
post #17 of 17
Thread Starter 
found the problem forgot to chose UTF-8
New Posts  All Forums:Forum Nav:
  Return Home
  Back to Forum: Coding and Programming
Overclock.net › Forums › Software, Programming and Coding › Coding and Programming › Drop down menu does not work in IE