...

View Full Version : IE7 CSS dropdown disappearing (sometimes)?



EnderM
04-06-2009, 03:33 PM
Hello, all,

This is going to be a difficult one, as I can't post the code I'm using. I do have the site on my own server, here (http://www.thegooddesigns.com/leviton/index.html). I'm hoping someone has run into this problem and may be able to offer suggestions.

The site has a navigation bar at the top of the screen, with dropdowns on hovering. The hover works fine in Firefox and Safari, but when viewed in IE7, it sometimes disappears when you go to select one of the menu items. It doesn't happen every time, but enough to be bothersome.

It gets worse over any images. I've done searches all over the place and tried dozens of suggestions, but none seem to be a permanent fix.

Thanks so much in advance, everyone!

*I should add that I haven't tested in IE6, as I don't have it, so can't tell for sure if it works there or not. I am also unable to validate the code, as the company I'm at has most of the validating sites blocked. I inherited this site from the old web person here, and I'm sure the code is wonky.*

abduraooft
04-06-2009, 03:36 PM
This is going to be a difficult one, as I can't post the code I'm using, or even the link to where the site is located. I feel pity. :)
Hi EnderM, there is no way to comment (at least for me) about such an issue by just looking a screen shot.

EnderM
04-06-2009, 03:54 PM
I feel pity. :)
Hi EnderM, there is no way to comment(at least for me) about such an issue by looking a screen shot.


Yeah, I figured it wouldn't be all that helpful. I'm reading over my contract now, and I think I can upload the entire site to my own server without breaking any agreements. Still can't post the code, but here is the site:

http://www.thegooddesigns.com/leviton/index.html

Hope that's a bit more helpful.

abduraooft
04-06-2009, 04:37 PM
Relying on javasscript to make drop down has many draw backs such as

It creates a big accessibility issue for users who have no javascript support in their browser
User may have to wait till completely loading the page.


I'd recommend a CSS based (using :hover pseudo) dropdown instead, see http://htmldog.com/articles/suckerfish/dropdowns/ (You may have to hack it for IE, which is explained there.)


*I should add that I haven't tested in IE6, as I don't have it, so can't tell for sure if it works there or not. I am also unable to validate the code, as the company I'm at has most of the validating sites blocked. I inherited this site from the old web person here, and I'm sure the code is wonky.*
IE-Tester (http://www.my-debugbar.com/wiki/IETester/HomePage) is there!

effpeetee
04-06-2009, 04:54 PM
You do have some errors (http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fthegooddesigns.philmccutchen.com%2Fleviton%2Findex.html&profile=css21&usermedium=all&warning=1&lang=en) Here.

Frank

EnderM
04-06-2009, 04:56 PM
IE-Tester (http://www.my-debugbar.com/wiki/IETester/HomePage) is there!

I don't know if I should thank you or hate you for this. It looks awful in IE6!

I guess it's time to start completely from scratch.

abduraooft
04-06-2009, 05:14 PM
You do have some errors (http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fthegooddesigns.philmccutchen.com%2Fleviton%2Findex.html&profile=css21&usermedium=all&warning=1&lang=en) Here.

Frank


I don't know if I should thank you or hate you for this. It looks awful in IE6!

I guess it's time to start completely from scratch.

Wait... Do you know why frames are so bad (http://www.yourhtmlsource.com/frames/goodorbad.html)? I appreciate your decision(?) to do it from scratch, but make sure that you are doing it in the correct way. Stick with semantics (http://www.boagworld.com/archives/2005/11/semantic_code_what_why_how.html), and validate your markup while development (http://validator.w3.org/).

EnderM
04-06-2009, 06:41 PM
Wait... Do you know why frames are so bad (http://www.yourhtmlsource.com/frames/goodorbad.html)? I appreciate your decision(?) to do it from scratch, but make sure that you are doing it in the correct way. Stick with semantics (http://www.boagworld.com/archives/2005/11/semantic_code_what_why_how.html), and validate your markup while development (http://validator.w3.org/).

Thanks for the links. I wish I could use the validator links, but they're blocked here.

I do best starting from scratch. I didn't actually design this site originally; I'm the 3rd designer to come along and work on it (and I'm a temp, so there will be another after me), and it's a mess. I was hoping there'd be an easy fix for the IE dropdown menu issue that wouldn't cause me to have to re-do a lot of the css, but it doesn't seem like there will be.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum