Horizontal dropdown menu not working in IE

[LarsEllmauer]

Hi all,

first of all: Happy New Year to everyone! Unbelievable, haven't been here for a few days only, and it seems that the CMSimple world changed completely in the meantime. Great news, thanks to Peter for releasing his "baby" to public.

I was reading a CSS book over the holidays (Charles Wyke-Smith - Stylin' with CSS, nice one BTW) and wanted to try out the CSS dropdown menu that is described in there for a CMSimple template. I think it is probably more or less similar in it's approach like the menus that Jens and Till are providing, but it was very helpful for me to read something about the theory behind it.

I included it into a very simple template and it works great in Firefox. Internet Explorer does not show the sublevels when hovering, neither in version 6 nor version 8 (don't have a version 7 installed to test it). At first I thought it had to do with a wrong path to the "csshover.htc", but at least IE8 should display the "li:hover" properly without any Javascript. I commented out the behaviour-tag for the csshover-file just to make sure it does not affect IE8 in any way, but no success.

I uploaded a simple HTML page with just a dropdown menu to the same server, this works fine in IE8, also without the csshover file.

I have no idea what do try anymore, it would be great if someone could give me a hint.

CMSimple-Installation can be found here: http://www.planet-blunt.org/test
The stand-alone dropdown is here: http://www.planet-blunt.org/test/templates/dropdowntest/template.htm

I assume that it has to do with the classes that CMSimple is adding automatically, but since none of them is formatted in any way in this example, I really have no idea what could go wrong...

Any help is very much appreciated.

Cheers,
Lars

[CMSimple-Styles.com]

Hi, why re-invent the wheel? Just use one of the nav systems already available, its much simpler. Till has the "cleanest" navigation system in his templates. Mine and mikeys are a little bit hacked together and do not have the clean CSS that till uses as till knows a lot more then me about CSS. Mikeys nav systems are all created by me. I recommend Tills nav system. Why its not working in IE8 i have no idea, but why bother? IE8 is the buggiest browser of all time and always has little "suprises" sometimes its impossible to find the issue. I probably would find it after a lot of time but it does not make sense when there are good solutions already available.

[LarsEllmauer]

Hi Jens,

thanks for your reply. I did not mean to revinvent the wheel, but simply to understand what is happening in those kind of menus. When reading the book, I thought I did understand, so that definitely helped me alot already. But the more frustated I was when the damn thing did not work in IE.

So I have a few options now: I either try to get that solved anyhow (but will probably need some help for that), or I can have a look at Tills menu again to see if I understand it after reading the book, or I can just copy over the menu from one of the existing templates, without undestanding what it's doing.

Third option does not seem very attractive, so I am going for number one and/or two. Still I would love to know what causes the issue described above, just to learn what went wrong...

Cheers,
Lars

[Torsten.Behrens]

Hi, why re-invent the wheel? Just use one of the nav systems already available, its much simpler.

Hi Jens!
May I also use your nav systems in my templates?

Thanks

Torsten

[CMSimple-Styles.com]

@Torsten
Yes, no problem...

I played around with a mouse-over effect on this template:

http://249172.vserver.de/CMSimple_w3c_validation/

What do you think?

Works in all current browsers and IE7. Does not work 100% in IE6 but its still useable.

[Torsten.Behrens]

real nice - not so heavy like the other template
It work also on Mac with Safari 4.0.4, Firefox 3.5.6 und Chrome 4.0.249.43

[LarsEllmauer]

I hope you don't mind that I move back to topic ?!?

I think I figured out the problem now: I put in the include command for the xtoc function before the doctype definition. This seems to have caused IE to switch to Quirks mode and disabled the dropdown menus. I changed the order now and it seems to work fine in all browsers now.

Cheers,
Lars