2 replies [Last post]
pixel boss
Offline
Regular
Maine
Last seen: 13 years 16 weeks ago
Maine
Joined: 2005-02-21
Posts: 21
Points: 0

I've got a CSS-based flyout submenu that works fine in all browsers including IE6 locally but not in IE6 after uploading (http://town.camden.me.us/fire/index.htm) and can't seem to figure out why.

Because it's IE-only, it would seem to point to an issue with the small bit of javascript needed to get IE to display the menu on hover--but I checked the server and the script is definitely there in exactly the right directory. I tried pasting the script into the page head and it still didn't work.

Any ideas?

Here's the relevant code from the stylesheet (the last set of rules handles the appearance of the submenu on hover):

/*rules for the dynamic menu*/
#menu ul {
	margin: 0px 0px 6px 0px;
	padding: 0;
	list-style: none;
	width:164px;/*width of menu items*/
	border-bottom: 1px solid #666;
	}

#menu ul li {
	position:relative;
	}
	
#menu li ul {
	position: absolute;
	left: 163px;/*set 1px less than menu width*/
	top: 0;
	display: none;
	}
	
/*styles for menu items*/
#menu li a {
	display: block;
	text-decoration: none;
	font-weight:normal;
	font-size:0.85em;
	color: #00f;
	background:#ccc;/*IE6 bug*/
	padding: 4px;
	border: 1px solid #666;
	border-bottom: 0px;
	}
	
/* Fix IE. Hide from IE Mac \*/
* html #menu li { float: left; height: 1%; }
* html #menu li a { height: 1%; }
/* End */

/*hover styles*/
#menu li a:hover {
	background: #fff;
	color: #f00;
	text-decoration: underline;
	}
	
/* Sub Menu Styles */
#menu li ul li a {
	padding: 4px;
	}

/*the magic*/
#menu li:hover ul, #menu li.over ul { 
	display: block; }

Thanks!

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 years 20 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

[Solved] flyout menu issue with IE6

I'm assuming you found the problem cos it looks OK to me in IE.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

pixel boss
Offline
Regular
Maine
Last seen: 13 years 16 weeks ago
Maine
Joined: 2005-02-21
Posts: 21
Points: 0

[Solved] flyout menu issue with IE6

Tyssen wrote:
I'm assuming you found the problem cos it looks OK to me in IE.

Really? You're seeing the flyout submenus when you hover over "Safety" and "About CFD"? in IE 6?

I get nothing in both IE6 and IE5.

p.s. Just figured it out--my security settings in IE were set to "high" for the internet zone, which must've disabled the javascript. Thanks for checking though.