css menu dropdown problem IE7 on SP3

**gnarlyskigirl** · 04-22-2009, 04:55 AM

Hi, I'm at an impasse and hope you can help me.
My website redesign has been functional for about 8 months, with css drop-down menu, csshover.htc file, IECC, and all was fine in Firefox, IE, and Safari.

Suddenly, the drop-down menu doesn't appear at all in IE7 on Win XP machines with SP3 installed. I have XP SP2 and the menu still worked fine. I was able to test on an SP3 machine and sure enough, no dynamic dropdown menu.

Did SP3 or any other updates to IE7 come out in the last week? I never saw this problem before, so I am worried that something changed in IE's support of CSS, suddenly. Perhaps I need to remove my csshover.htc file? Of course, I can't test it again until I find someone near me with SP3 installed...

Any help will be greatly appreciated. I've done searches on all the forums and tech support sites and can't find anything relating to SP3 and IE7 and dropdown menus....
Thanks!

**Snookerman** · 04-22-2009, 05:30 AM

Please post a link to the page on your site that contains the problematic script or attach your code so we can check it out and help you.

**gnarlyskigirl** · 04-23-2009, 02:01 AM

Sorry I left it out - here is the site: http://englishcompanion.com/

Thanks again for any help you can provide.

**Snookerman** · 04-23-2009, 06:19 AM

Change your doctype:

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

to this:

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

You might have to change the style in the conditional comment, this worked for me:

Code:

<!--[if lte IE 7]>
	<style type="text/css">
		ul#nav li ul {padding-top: .7em;}
		ul#nav li.subnav:hover ul { margin-top: 1.3em; }
		ul.tools li { margin-left: 10px }
	</style>
<![endif]-->

Good luck!

**gnarlyskigirl** · 04-24-2009, 05:05 AM

Thank you so much - I would have never thought to change the doctype!!!
I also tested it on Windows Vista at a hotel tonight (am traveling) and found the same problem - no dropdown menus. I uploaded a test file with your suggested changes, and the drop-downs appeared - what a relief!

Of course, the new DOCTYPE changes the way browsers interpret my CSS - so I fixed the [major] issue but created 3 or 4 more in the process. I've been testing those little buggers for hours, trial/error, trial/error!!

I fixed most of the little things but there's a space between my header image and the 2 thin lines below it - one of those simple things I know I will kick myself for when I finally figure it out. I took out the spacer gifs, tightened it up, but still the bg color shows through. At least it LOOKS intentional ... heh heh ...

Here's the glorious dropdown, even with 3 stripes instead of 2, at least it works on Vista (and XP SP3 you said): http://englishcompanion.com/Test_about.shtml

Thanks so much for your help!

**Snookerman** · 04-24-2009, 06:02 AM

Well I suck at tables so I don't have a clue why it's doing that, but adding the following style to the header image seems to fix it:

Code:

display: block;

Using tables for layout is a bad idea, I would recommend that you keep that in mind for the next time. Read this article to understand why:
http://hotdesign.com/seybold/everything.html

Good luck!

Thread: css menu dropdown problem IE7 on SP3

Thread Tools

Search Thread

css menu dropdown problem IE7 on SP3

The Following User Says Thank You to Snookerman For This Useful Post:

Bookmarks

Bookmarks

Posting Permissions