WordPress.org

1. jonniboo
   Member
   Posted 2 years ago #

   Hi,

   I'm using a drop down css-only menu that works fine in firefox, safari and ie8 but not in ie7. I've tested it outside wordpress and it works fine even in IE7!
   Can anyone explain why and if there is an easy fix.
   url: http://lewislansford.com/

   Thanks,
   John

2. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   You could start by sorting out the validation errors on your site. Then move onto the CSS errors. If you still have problems when your markup and CSS validate properly, consider conditional comment CSS.

3. jonniboo
   Member
   Posted 2 years ago #

   Thanks esmi,
   I'll sort out the validation, but the html and css definately work as (valid) coding outside of WordPress.

   I can create a conditional comment if I need to but am just curious as to why it doesnt work when I use it in WP.

4. kmessinger
   Member
   Posted 2 years ago #

   Most likely the total width of each menu item, with padding, etc. exceeds or matches the width of the navigation bar you have them in. IE7 is very sensitive to this while IE8 and FF seem to make adjustments.

5. jonniboo
   Member
   Posted 2 years ago #

   Is there a way of controlling the widths more in ie7?

6. jonniboo
   Member
   Posted 2 years ago #

   actually kmessinger, that doesnt really explain why the menu works when I took it out of wordpress. It worked fine then, even in ie7.

7. kmessinger
   Member
   Posted 2 years ago #

   Sorry I took so long in getting back to you. It changes in WP because of the style sheet. This enty in your style is causing the problem AFAIK. Look in the style sheet for *, margin : 0px auto

   Drop the auto and all should be ok. Actually you have two * styles. You can delete the one with auto.

8. jonniboo
   Member
   Posted 2 years ago #

   Thanks a lot, works for IE7 now.
   Not for IE6 but thats another story...

Topic Closed

This topic has been closed to new replies.