close ad
WARNING PC USERS: Do Not Install the DREAMWEAVER CC 2017 Update »
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Internet Explorer and CSS Menus

Thread began 4/29/2009 6:45 pm by Ian | Last modified 1/13/2010 5:04 pm by jonas398360 | 7660 views | 39 replies |

Ian

Internet Explorer and CSS Menus

Hi,

I have implemented a CSS menu using version 2.0

Its a horizontal menu with dropdowns on certain items. In Firefox this all works perfectly, but in IE the dropdowns always dissapear before you get chance to move the mouse over the items.

Is this a bug?

Thanks
Ian

Sign in to reply to this post

webmaster359615

I experience a similar occurrence. It is when the IE Zoom Level is set to a level higher that 100%. Hopefully this can be fixed.

Sign in to reply to this post

Ian

Hi,

Thanks for taking the time to reply.

I have tried the different zoom levels and unfortunately its doing it no matter what the zoom is set to. As soon as you you move the mouse from the main area of the menu to access the area that has dropped down it the dropdown area just dissapears.

Thanks
Ian

Sign in to reply to this post

Ray BorduinWebAssist

Do you have a url of a page experiencing the problem? I'll take a look and see if I can spot what causes it.

Sign in to reply to this post

Ian

Hi Ray,

Thanks for the reply.

Unfortunately the menu is in a protected area for the client.

What code would you need to see and I can paste it on the forum or email it to you?

Basically I have put the CSS Menu with a relative DIV TAG that sits across the top of the page (basically to house the menu).

All works great in Firefox, but in IE the menu dropdown just dissapears when you move off the top level item.

Best Regards,
Ian

Sign in to reply to this post

Ray BorduinWebAssist

Can you put a page with just the menu onto a public domain or area so that it can be browsed. I assume there is no content in the menu itself that is sensitive. If so you can even update it and only leave a couple of dummy links to demonstrate the problem.

Sign in to reply to this post

Ian

Hi Ray,

Have to say I was impressed at how easy it was to recreate the menu on a new page as I had saved it as a preset!

Here it is:

webassist.asp

The links all go to SA protected pages anyway, and some of the links may be incorrect as they are all relative and the page is out of the admin folder.

Thanks for your help as always.

Cheers
Ian

Sign in to reply to this post

Ray BorduinWebAssist

IE7 requires the height attribute to be set in the css to render properly. CSS Menu writer should add it, so perhaps you removed it:

ul#cssmw ul.level-1 > li > a {
height: 16px;

Sign in to reply to this post

Ian

Thanks Ray,

No I hadn't edited the CSS created by CSSMW so maybe its a bug.

However, Yes, that sorts out that problem but causes another.

Now the width of auto appears to resize each individual drop down item to its automatic width, rather than have the resize to the largest item. It looks a mess.

For now I've set a fixed width which is far from ideal but it does appear that there is a fundamental issue with this and IE. I appreciate the IE is the gutter as far as compliant browsers go but we have to make sure sites work with it as the most popular browser!

Thanks
Ian

Sign in to reply to this post

Ray BorduinWebAssist

Luckily it does work properly with ie8, but since people are still using ie6 I won't hold my breath trying to wait for people to upgrade.

Unfortunately you may have to set a width to get it working properly in IE... or get it working in general if you have another level of menus.

Sign in to reply to this post
loading

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...