Horizontal dropdown menu doesn't work properly in IE7 and earlier versions of IE

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
r00ki3
Forum Members
Forum Members
Posts: 87
Joined: Thu Apr 12, 2007 11:16 am

Horizontal dropdown menu doesn't work properly in IE7 and earlier versions of IE

Post by r00ki3 »

Hi All,

I recently got a website up and running...however the menu doesn't work properly in some older IE versions.
Everything seems to be fine in FF and the newest IE.
When the dropdown kicks in it hides behind the content. As soon as you want to go to a lower level in the menu it disappears as soon as you leave the "menubar" area.

I tried the following to solve the problem:
-Played around with the z-index
-included the .js to get it work properly
-tried the .png fix.

So far nothing did the trick!
I'm running CMS 1.6.7.

If someone knows where I should look for, or what's wrong (besides using IE) plz let me know!
Any help is much appreciated!
Thnx in advance!
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Horizontal dropdown menu doesn't work properly in IE7 and earlier versions of IE

Post by Dr.CSS »

As always most any problem you have to come to this board to get answers for will require a link to offending site, else it is just a matter of guessing and it looks like you've tried most everything one would guess is wrong...
r00ki3
Forum Members
Forum Members
Posts: 87
Joined: Thu Apr 12, 2007 11:16 am

Re: Horizontal dropdown menu doesn't work properly in IE7 and earlier versions of IE

Post by r00ki3 »

Thnx for the reply...
Sorry for not adding the URL...

The website can be found here: http://www.tibetfondsdolma.nl/index.php
Thnx!
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Horizontal dropdown menu doesn't work properly in IE7 and earlier versions of IE

Post by Dr.CSS »

Like a lot of sites that have this problem you have almost everything using position:absolute...

On a site like that one there is absolutely NO reason to use it...

In web sites blocks of content be it headers, menus, content, they will all just stack up on top of each other in the order they are in the template, header first it will go to top and fill the whole width, menu next it will go under the header etc. etc. etc...
r00ki3
Forum Members
Forum Members
Posts: 87
Joined: Thu Apr 12, 2007 11:16 am

Re: Horizontal dropdown menu doesn't work properly in IE7 and earlier versions of IE

Post by r00ki3 »

Allright...I'll try to change the layout and post a reply if whether it works or not ;)
r00ki3
Forum Members
Forum Members
Posts: 87
Joined: Thu Apr 12, 2007 11:16 am

Re: Horizontal dropdown menu doesn't work properly in IE7 and earlier versions of IE

Post by r00ki3 »

Ok...I changed the layout and didn't use the position:absolute stuff.
The menu work in all the browsers...however it's not perfectly aligned

Also the menubar which has a certain backgroundcolor gets "cut-off"...so now it looks like there is something wrong.
I guess this is just a litlle problem in my css somewhere...but where?

Thnx so far! at least it solved the rollover problem
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Horizontal dropdown menu doesn't work properly in IE7 and earlier versions of IE

Post by Dr.CSS »

The menuwrapper has a height of 1% either take it out or set it to the actual height you want...
r00ki3
Forum Members
Forum Members
Posts: 87
Joined: Thu Apr 12, 2007 11:16 am

Re: Horizontal dropdown menu doesn't work properly in IE7 and earlier versions of IE

Post by r00ki3 »

Solved...many thanks for your support!!!  ;D
Post Reply

Return to “Layout and Design (CSS & HTML)”