I just realized this, but in IE 7 my CSS Expanding Menu is not expanding for some reason. In basically every other browser I've tried, it works fine. Could someone show me how to correct this problem? I'm using an include file to implement my navigation, so basically every page on my site has this include. Here's the page:
www.safetyvideodirect.com/includes/header2.asp
BTW, I got this menu from SEOconsultants (http://www.seoconsul...menus/vertical/). It requires an .htc file which I have uploaded and everything. Thank you so much!
Subscribe to HRA Now!
SEO Class in Chicago, IL
Learn How To Optimize Your Website on July 26, 2013
Looking for personalized in-depth SEO training among your peers?
High Rankings is offering a 1-day customized SEO training class in Chicago. Class size is limited so please sign-up now if you want in!
Are you a Google Analytics enthusiast?
Share and download Custom Google Analytics Reports, dashboards and advanced segments--for FREE!
www.CustomReportSharing.com
From the folks who brought you High Rankings!
More SEO Content
International SEM | Social Media | Search Friendly Design | SEO | Paid Search / PPC | Seminars | Forum Threads | Q&A | Copywriting | Keyword Research | Web Analytics / Conversions | Blogging | Dynamic Sites | Linking | SEO Services | Site Architecture | Search Engine Spam | Wrap-ups | Business Issues | HRA Questions | Online Courses
Css Pop Out Menu Problem In Ie 7...
Started by
sevegunter
, Mar 24 2007 07:50 PM
2 replies to this topic
#2
jehochman
-
- Active Members
-
- 1,555 posts
Jonathan Hochman
- Location:Connecticut - Land of Steady Habits
Posted 24 March 2007 - 10:03 PM
You have to install the patch code in the head of each page. It looks like this (assuming you put csshover.htc in /css):
Then you have to look for this line of code in csshover.htc:
and change it to:
CODE
<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(/css/csshover.htc);
}
#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;}
#menu a, #menu h2 {
}
</style>
<![endif]-->
<style type="text/css" media="screen">
body {
behavior: url(/css/csshover.htc);
}
#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;}
#menu a, #menu h2 {
}
</style>
<![endif]-->
Then you have to look for this line of code in csshover.htc:
CODE
if(!/MSIE (5|6)/.test(navigator.userAgent)) return;
and change it to:
CODE
if(!/MSIE (5|6|7)/.test(navigator.userAgent)) return;
0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users
