86Stang Posted January 12, 2009 Share Posted January 12, 2009 Hi Everyone! I'm trying to integrate a navigation I found at http://cssmenumaker.com that must be IE6 compatible (yeah, I know but it's what management wants). They say it's IE6 compatible but the submenus don't show in IE6. Seems to work everywhere else just fine. I've emailed them numerous times asking for help but to no avail. I normally wouldn't bother people with stuff like this and would move on to another menu but, again, management wants this exact menu and wants it compatible with IE6. So, I was wondering if someone could be so kind as to look into it and let me know what might be wrong? I've got it setup at http://skagitpublishing.com/test/nav/. I'm not above paying someone a few bucks if that's what it takes. Quote Link to comment Share on other sites More sharing options...
sKunKbad Posted January 12, 2009 Share Posted January 12, 2009 You always need to start with the basics when trying to debug CSS. The CSS for your test/nav generates 18 warnings. Fix those first, and see what happens: line 119 column 7 - Warning: <a> attribute "href" lacks value line 135 column 7 - Warning: <a> attribute "href" lacks value line 22 column 8 - Warning: trimming empty <span> line 24 column 8 - Warning: trimming empty <span> line 40 column 8 - Warning: trimming empty <span> line 42 column 8 - Warning: trimming empty <span> line 61 column 8 - Warning: trimming empty <span> line 63 column 8 - Warning: trimming empty <span> line 78 column 8 - Warning: trimming empty <span> line 80 column 8 - Warning: trimming empty <span> line 91 column 8 - Warning: trimming empty <span> line 93 column 8 - Warning: trimming empty <span> line 104 column 8 - Warning: trimming empty <span> line 106 column 8 - Warning: trimming empty <span> line 120 column 8 - Warning: trimming empty <span> line 122 column 8 - Warning: trimming empty <span> line 136 column 8 - Warning: trimming empty <span> line 138 column 8 - Warning: trimming empty <span> Quote Link to comment Share on other sites More sharing options...
86Stang Posted January 12, 2009 Author Share Posted January 12, 2009 Hmmm, the first two warnings are taken care of but those span problems are just classes to show the rounded edges of the tab for each menu item. Even so, I took them all out just to see and it still doesn't show in IE6. Quote Link to comment Share on other sites More sharing options...
sKunKbad Posted January 13, 2009 Share Posted January 13, 2009 I actually tried for at least a half hour to figure out why the menu doesn't work in IE6, and I couldn't get it working. I'm sorry that your stuck with this menu, because I'd be pulling my hair out if it was my responsibility. Because I have had similar problems with other menus working in IE6, I'm going to take a guess that IE6 isn't recognizing the way :hover is being implemented, or that IE6 is evaluating the CSS specificity in a way that is unique. Sorry, but I just can't spend more time on this. Good luck. Quote Link to comment Share on other sites More sharing options...
SuperBlue Posted January 13, 2009 Share Posted January 13, 2009 CSS menus are hard to get fully working in earlier versions of IE, and is a quite unique skill on its own, sometimes however, we just need to take a break, and do things the generally accepted way, unless we for some reason ain't free to simply try another layout. Not to bash your client or anything, but you are the web designer, and you are the one who is supposed to advice your client as of what is best to do. I highly doupt the majority of clients would know enough to be in the position to tell us what to do. You will quite often find that there ain't even a good reason to support earlier versions of Browsers in the first place, not saying that its the case here. But you should at least consider it, after all IE6 is a browser who's useful life has come to an end. I cant highlight this enough, as there seam to be a very unprofessional approach, saying that even though a browser generally has ended its useful life, we should still keep supporting it no matter what, which simply isn't the case. But this would likely require a longer thread, and likely wouldn't change much in the end. I generally stopped debugging for IE6 when IE7 was released. But Well, i would simply use JavaScript, because obviously we can't spend all our time trying to force a particular CSS layout, which normally isn't supported by a particular browser. We need some solid, and obvious tools to get the job done, CSS isn't that for older browsers, and we would be better left with tables for that. We should instead spend more time informing our users how important it is to keep their browser updated, just as important as almost any other software. It is important to note that the menu posted do work in IE7, XP users should easily be able to chose another browser, Firefox, Opera, Safari. Or upgrade to IE7. While win9x users can shift to Opera. Shifting to opera might not always be practical, but it should then also be noted that Win9x ain't even supported by MS anymore. And as such, its very nice of Opera to still support win9x. I use it myself on an older computer, which i mainly use for older games. I've had my share of problems with :hover in IE6, it will be interesting to see if anyone comes up with a easy solution. As far as i know :hover only works on links in IE6, and not on list items, that is li elements i mean. Quote Link to comment Share on other sites More sharing options...
Mr_J Posted January 13, 2009 Share Posted January 13, 2009 I found this helpful topic somewhere:) Maybe this can be of some help... http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ Quote Link to comment Share on other sites More sharing options...
86Stang Posted January 13, 2009 Author Share Posted January 13, 2009 @ SkunKbad: Hey, you gave it a go so no apologies needed. Thanks! @ BlueBoden: This isn't a client, it's my boss. He knows all too well what a piece of poo IE6 is but our hands our tied because our sales staff uses software that will only function on IE6. Don't ask me why we don't upgrade to something newer and no I didn't build it. @ Mr_J: I'll go check out that link, thanks! Quote Link to comment Share on other sites More sharing options...
ifubad Posted January 13, 2009 Share Posted January 13, 2009 our sales staff uses software that will only function on IE6 Pardon my French, than I guess you're f**ked. But, that's not a French word. Quote Link to comment Share on other sites More sharing options...
ifubad Posted January 13, 2009 Share Posted January 13, 2009 if this has to do with a:hover, the IE6 hover bug may require a trigger, like a:hover { font-size: 100%; } if font-size does not work, try color:whateverColor, or float:none, or border:none, and so on until you find one that works. The trigger point is different depending on how your overall code is. google for "ie6 hover bug". Quote Link to comment Share on other sites More sharing options...
ifubad Posted January 13, 2009 Share Posted January 13, 2009 if that fixes your problem and save you a big headache, and you still want to shoot some dough over that you don't want anymore, I sure can use it... Quote Link to comment Share on other sites More sharing options...
haku Posted January 14, 2009 Share Posted January 14, 2009 I've never used them myself, but suckerfish menus have a good reputation for working in all browsers. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.