CODEWITHSUNDEEP
cssinternet-explorer-6internet-explorer-7drop-down-menu
code_monkey
code_monkey

Reputation:

Dropdown menu not working in IE6 or IE7 works fine in Firefox

I'm stuck with a menu on a site I develop. http://charlienutting.com

If you hover over the gallery at the top menu bar it should show you a drop down menu. It works fine in Firefox but sucks in IE6 and IE7.

Really thankful if someone can help. been about week now to fix this..

edit- however if you can see there are drop down links which you can click, but those are not visible.

Upvotes: 1

Views: 14730

Answers (4)

William
William

Reputation: 413

Try setting a doctype. I know I've had issues in the past with hover events without a correct doctype. Your current page sets Internet Explorer to Quirks Mode.

Currently if, in IE9 I set my mode to IE7 and then switch the "Document Mode" from "Quirks Mode" to "Internet Explorer 7" mode, they show up correctly.

Put this at the top of your HTML files and see if setting your doctype will fix the issue:

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

Upvotes: 0

user19302
user19302

Reputation:

First let me say that you have talent as a designer :)

However, there are a few issues with the site's code as it is. I would recommend dropping that drop down code and implement your own using JQuery's effect library (I say this because you are already loading JQuery in your page). That is browser compatible so you wont have these issues with IE.

http://docs.jquery.com/Effects

Next, your header changes size between Gallery, resume and contact. You will probably want to get that fixed. Also, the resume page's links are positioned odd in FF 3.4... It would be best to make them without using absolute positioning. You can accomplish that by a mix of "float : right" and "position : absolute" (but not setting the "left" or "top" properties) :)

Your page is using a doctype, but doesn't validate.

Oh - and it's 2009 now, BTW :D (see copyright)

hint:

(C) 2008 - <?php echo date("Y"); ?>

Upvotes: 0

Al W
Al W

Reputation: 7713

I guess transparency issue. perhaps the line in js/dropdown.js that looks like

c.style.filter = 'alpha(opacity=' + ( 100 / c.maxh) + ')';

fire up the script debugger and see what the value of c.maxh is.

Upvotes: 0

Jason Kester
Jason Kester

Reputation: 6041

What happened when you debugged into it in IE? What error messages did you see and what have you tried?

I'm happy to help, but really, you haven't described a problem yet.

Upvotes: 0

Related Questions