SmokingMan Posted April 29, 2006 Share Posted April 29, 2006 I have a CSS menu that I use a background image in. It works fine in FF, but much to my amazement it blows in IE (I'm sure you're all as surprised as I am). Is there a workaround I can use with this, do I just need to use a background color instead of an image, or should I just consider a JavaScript menu instead? Here's a link to the site.Any ideas? Link to comment Share on other sites More sharing options...
Little Goat Posted April 29, 2006 Share Posted April 29, 2006 it looks fine to me in IE6...did you fix it already?LG Link to comment Share on other sites More sharing options...
raimo Posted April 30, 2006 Share Posted April 30, 2006 There is 2 head parts in Your page, only one is allowed.Middle of body is other head, and DTD is splitted to lines wrong way.it should be splitted as: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> one small typo in CSS (mmsstyles.css)#menu li{postion: relative;}postion should be position Link to comment Share on other sites More sharing options...
SmokingMan Posted April 30, 2006 Author Share Posted April 30, 2006 There is 2 head parts in Your page, only one is allowed.<{POST_SNAPBACK}> I only see one head section, can you point it out to me?The problem in IE is the delay on mouseover and mouseout. There doesn't seem to be this problem in FF. Link to comment Share on other sites More sharing options...
raimo Posted April 30, 2006 Share Posted April 30, 2006 I only see one head section, can you point it out to me?The problem in IE is the delay on mouseover and mouseout. There doesn't seem to be this problem in FF.<{POST_SNAPBACK}> 1st one is begin of the document, and the 2nd is inside of nav div: <div class="content"> <div class="nav"> <!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html><head><title>Navigation Menu</title><meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /><meta name="description" content="" /><meta name="author" content="Mike Saylor" /><!-- Last updated 4/10/2006 --></head><body> <div id="menu"> <ul> <li><h2>Home</h2> edit: I can't test it with IE I'm living in Linux, I have no IE at all, luckily. :)But for(i = 0; i < p; i++){ should be: for(var i = 0; i < p; i++){No other JS errors found. But I think, the 2nd head part can get IE a bit confused. Link to comment Share on other sites More sharing options...
SmokingMan Posted April 30, 2006 Author Share Posted April 30, 2006 Okay, the second head (and I never saw this), is from an external menu file that is inserted by PHP. Since I'm using PHP to insert this menu, don't I still need to have a complete XHTML document since it is a standalone document that is being inserted? I plan to use this same menu on multiple pages, so I'm using PHP to insert it rather than coding the menu on each page.Also, when you hover over the sub-menus in IE, the top level menu backgrounds change each time you move to another sub-menu. This does not happen in FF. That's what driving me nuts. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now