close ad
Install the LAtest Updates to Work with CC 2017 and CC 2018
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

Horizontal Menu with Dropdowns not working in IE7

Thread began 6/14/2010 10:06 pm by gregb440246884 | Last modified 6/20/2010 6:41 pm by gregb440246884 | 2459 views | 13 replies

gregb440246884

I'm thinking I need to become a farmer or something and stop trying to make websites work for every browser...

Ok, well, I tried implementing the CSS changes you suggested, but they don't seem to help, sorry to say.

I've modified the menu_ie.css file (with help from you, neilo, in another post) so that it works perfectly with IE6. I changed the conditional statement to include IE7 or later, and made the changes you suggested. You can see an example of this here: contact.php (it's the only page i've changed the conditional statement for).

If you use IE Tester or crossbrowsertesting.com, the top nav looks and works fine in IE6, but then falls apart in IE7 for some reason.

The first thing I noticed is that IE6 seems to 'ignore' line 29 of menu_ie.css (under cssmw1) which sets the list item width at 80px. Why this is, I have no idea, but it didn't cause a problem rendering in IE6... but if I increase the value, it DOES cause a problem.

I bring that up because IE7 seems to actually apply the 80px width, as you will see! But... that's not even the main problem. IE7 also is creating a gap between the main list item, and the dropdown menu!! So, back to where I started, in that the dropdown menu doesn't work... because of the gap now you can't get to it.

I'm thinking at this point that I'm going to leave the original menu_ie.css for IE6 and earlier... and create a separate IE7 css style sheet... but... I still have to figure out how to get IE7 to render the menu properly!!

I've been sitting here for four hours trying to make changes to the css and get it to work, but so far I've had no luck... thus another post in the forum! ;)

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...