CODEWITHSUNDEEP
cssdrop-down-menuinternet-explorer-6
Adomas
Adomas

Reputation: 299

Hover submenu in IE6

I am developing web with wordpress and have a problem with it's submenu. The problem is that it doesn't appear with hover on IE6. There must be something wrong with css, i guess. Any ideas? Is this possible to be done without javascript?

as i understand the problem is with #access ul ul { display:none; } as i delete it, it shows allways the submenu.. is there ny way to change it into something?

Upvotes: 0

Views: 562

Answers (3)

swift
swift

Reputation: 270

I think it is possible with this simple trick (overflow-height-trick).

Note that:

  1. A container should have real height.
  2. A wrapper should have real height and "position:absolute".
  3. A childs of wrapper should have real height and "position:relative".

Wrap your menu like this:

< div id="container" >

 < div id="menu_wrapper >
  < div id="selector" >Computed Value< / div >
  < ul id="menu" >
   < li >Predefined Value< / li >
   < li >Predefined Value< / li >
   < li >Predefined Value< / li >
  < ul >
 < / div >

< / div >

Set styles:

< style >
div#container{height:100%;}
div#menu_wrapper{height:32px; position:absolute;}
div#menu_wrapper:hover{height:100%;}
div#selector{height:32px;clear:both;}
ul#menu li{height:32px;}
< / style >

Enjoy )

Upvotes: 0

Sarfraz
Sarfraz

Reputation: 382656

Nope it is not possible without javascript at least in IE6, you need javascript for IE6 :(

Here are some options for you:

IE6 Hover Issue

Upvotes: 0

Pat
Pat

Reputation: 25675

My guess since I don't have the code is that the submenu is using li:hover to cause the submenu to appear. IE6 only supports the :hover pseudoclass on <a> tags (only a:hover will work in IE6).

Check out CSS Play for some CSS only dropdown menu examples.

Upvotes: 2

Related Questions