The site is here: http://www.court-kings.com/ The menu item that isn't working in IE7 is the "Links" tab.
Any Ideas?
Thanks.
Drop Down Menu in IE7 - Post ID 101900
Jefff
Registered User
150 posts
I'm using the Leaf Blower template for CC HTML editor. There's a drop down menu in the menu bar. It works correctly in Firefox, but is inoperative in IE7.
The site is here: http://www.court-kings.com/ The menu item that isn't working in IE7 is the "Links" tab.
Any Ideas?
Thanks.
The site is here: http://www.court-kings.com/ The menu item that isn't working in IE7 is the "Links" tab.
Any Ideas?
Thanks.
Jo Rice
Senior Advisor
10,951 posts
Hiya Jefff,
Try clearing your browser cache/temp internet files as it's working fine for me in IE8
Try clearing your browser cache/temp internet files as it's working fine for me in IE8
Jefff
Registered User
150 posts
No, that wasn't it.
Since two other people have reported this to me I'm assuming its an issue with the CSS and certain versions of IE.
Since two other people have reported this to me I'm assuming its an issue with the CSS and certain versions of IE.
Jo Rice
Senior Advisor
10,951 posts
Ah, sorry, I don't have any older versions of the browsers to work with, and even FF just upgraded today on me to 3.5.6 so .. lol hopefully someone else can check this for you 
Jefff
Registered User
150 posts
Thanks anyway. I'll switch my site back to Dreamweaver version, the drop down menu in that version worked with all browsers.
Jo Rice
Senior Advisor
10,951 posts
Maybe see the difference between the menu setups to see if you can see what might be wrong too, might just be that IE needs special code (which it usually does for most things) to make it work is all.
Cary
Ambassador
1,073 posts
This article explains how to fix it:
IE7 Recalculated Offset Bug
http://css-class.com/test/bugs/ie/recal … setbug.htm
Your menu code has some missing/misplaced tags. It should look like this:
So, this styling makes the menu work in IE7:
However, the positioning is a bit off in that browser. Changing the top positioning from "auto" to "1em" makes things more consistent across browsers.
This menu also doesn't work in IE6. Take a look at the following thread for the fix:
CSS Menu Problems
https://www.coffeecup.com/forums/websit … -problems/
IE7 Recalculated Offset Bug
http://css-class.com/test/bugs/ie/recal … setbug.htm
Your menu code has some missing/misplaced tags. It should look like this:
<ul id="navigation">
<li><a href="index.html">Home</a></li>
<li><a href="ck_shop/">Card Shop</a></li>
<li><a href="commons.html">Common Cards</a></li>
<li><a href="videos.html">NBA Videos</a></li>
<li class="dropdown_link"><a href="#">Links</a>
<ul id="dropdown">
<li><a href="http://www.cardcollectorsworld.com/forums/">Card Collectors World</a></li>
<li><a href="http://www.thecardcollector.com/">The Card Collector</a></li>
<li><a href="http://www.bryanscardshop.com/">Bryan's Card Shop</a></li>
<li><a href="/links.html">Card Collecting Links</a></li>
</ul>
</li>
<li><a href="want.html">Want List</a></li>
<li><a href="stats.html">Team Stats</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
<li><a href="index.html">Home</a></li>
<li><a href="ck_shop/">Card Shop</a></li>
<li><a href="commons.html">Common Cards</a></li>
<li><a href="videos.html">NBA Videos</a></li>
<li class="dropdown_link"><a href="#">Links</a>
<ul id="dropdown">
<li><a href="http://www.cardcollectorsworld.com/forums/">Card Collectors World</a></li>
<li><a href="http://www.thecardcollector.com/">The Card Collector</a></li>
<li><a href="http://www.bryanscardshop.com/">Bryan's Card Shop</a></li>
<li><a href="/links.html">Card Collecting Links</a></li>
</ul>
</li>
<li><a href="want.html">Want List</a></li>
<li><a href="stats.html">Team Stats</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
So, this styling makes the menu work in IE7:
#navigation li:hover #dropdown, #navigation li.sfhover #dropdown {
left:0;
margin-left: 0%;
}
left:0;
margin-left: 0%;
}
However, the positioning is a bit off in that browser. Changing the top positioning from "auto" to "1em" makes things more consistent across browsers.
#dropdown {
position:absolute;
top:1em;
left:-999em;
width:135px;
padding:10px 0;
background-color:#101010
}
position:absolute;
top:1em;
left:-999em;
width:135px;
padding:10px 0;
background-color:#101010
}
This menu also doesn't work in IE6. Take a look at the following thread for the fix:
CSS Menu Problems
https://www.coffeecup.com/forums/websit … -problems/
Jefff
Registered User
150 posts
Thanks Cary!
I appreciate the tips. Its working fine in IE7 now, I'll look into the version 6 fix for IE next.
I appreciate the tips. Its working fine in IE7 now, I'll look into the version 6 fix for IE next.
Cary
Ambassador
1,073 posts
Glad it worked for you
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
