Css Trouble - ul submenu displays weird in IE

free web hosting
Open Discussion > CONTRIBUTE > Computers > Programming Languages > CSS (Cascading Style Sheets)

Css Trouble - ul submenu displays weird in IE

Lozbo
I have asked for help in the css creator forum, but I haven't got an answer. Well some one actually posted something but didn't work, so I will post my trouble here to see if somebody can bring light... thanks in advance...

QUOTE

Menu in css, <ul> shows fine in the good browsers. I use the suckerfish dropdown js principle to have a vertical menu with a submenu poping out. I think I have some issues as to xhtml or css around all over the index, but the trouble I can't fix is the submenu acting weird in IE6 and it looks like in IE7 also.

When you hover over the main links of the menu in the left (the one called "principal" everything is fine, but when you go on the submenu, it disappears. If i remove (display:none) the div#main-content (the div next to it in the graphic layout) it works fine in IE6. I have added some z-index rules here and there, but it doesnt work though...

Try it in pruebas.lozbo.org/dd/ (with IE6) and you'll see what I mean. Hover "productos turísticos" and its submenu, and move the mouse along.

All js, css, and imgs are in a subdirectory named src (pruebas.lozbo.org/dd/src/)

 

 

 


Reply

jlhaslip
No Javascript in these: http://cssplay.co.uk/menus/index.html

Reply

truefusion
I've always had trouble getting CSS menu hover effects to work in IE. I am always forced to use JavaScript to mess around with the CSS. But it solves the problem. It'd be easier to solve your problem if you provided some source coding.

Reply

Lozbo
Thanks jlhaslip, Ive tried those but i dont like the html in it... anyway Im not using those menus from Stu Nichols in this project... and the js is working, as it has always worked in past projects, its just something weird happening here...

Truefusion I hope you have read my post. It provides all the souce coding needed:

QUOTE

Try it in pruebas.lozbo.org/dd/ (with IE6) and you'll see what I mean. Hover "productos turísticos" and its submenu, and move the mouse along.

All js, css, and imgs are in a subdirectory named src (pruebas.lozbo.org/dd/src/)

Reply

truefusion
I checked your site in IE7, and the hover works, but if one condition is met: Slow mouse movement. Whenever i moved the mouse too quickly (which is basically as fast as i would normally move it), the sub-menus would disappear. If i move it slower than usual, it would work fine. Only way i can think of fixing this is by changing it to onclick, instead of hovering.

Reply

Lozbo
You mean onhover? I'd like to avoid these js events, as they are ilegal in strict xhtml, though I am using transitional, I'd like to keep to standards as much as posible, and using js events would guide me away from them...

I can not replace css :hover with onHover events...

Does any one know why is this happening? The submenu disappearing in IE6/7?

Reply

jlhaslip
Lozbo,
We have had these discussions in the past regarding Javascript Menus on html pages. Approximately 20% of users turn it off, essentially eliminating the on:hover events, so CSS is a better way to go, in my opinion. biggrin.gif
And CSSPLAY has drop-down and flyout menus that are cross-browser and validate even using IE6/7.

Reply

Lozbo
I know, I am using a CSS menu, why dont you check it out? It's at pruebas.lozbo.org/dd/.

I am not using on:hover events, I am using a "sucker down dropfish" kind of menu (from ALA) with some js to fix the hovering submenu on IE6.

I dont like the xhtml of those pure css menus of Stu Nichols, I find it easier for people learning from the code to avoid having all that tricks of tables amidst the list, it seems too dirty for me.

And what are your sources about people disabling javascript on their browsers? According to my experience, its not that high (but i dont have an official source though, so I'd like to know if you have any...).

Reply



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.

Recent Queries:-
  1. dropdown.js disappearing ie6 - 484.48 hr back. (1)
Similar Topics

Keywords : css ul submenu displays weird

  1. Css Positioning Trouble - in FIREFOX! yet IE displays it as i want (6)



Looking for css, trouble, ul, submenu, displays, weird

*RANDOM STUFF*





*SIMILAR VIDEOS*
Searching Video's for css, trouble, ul, submenu, displays, weird

*MORE FROM TRAP17.COM*
advertisement



Css Trouble - ul submenu displays weird in IE



 

 

 

 

ADD REPLY / Got an Opinion! a humble request :-) RAPID SEARCH! Free Hosting [X]
Express your Opinions, Thoughts or Contribute your information that might help someone here.
Ask your Doubts & Queries to get answers.. "Together, We enlight each other!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE