Navigation menu appears correct in FF not in IE6

alandomixwell · #1 (**permalink**) Sep 3rd, 2007, 20:49

I'm trying to get the site to appear the same way in Internet Explorer as it does in Firefox. As you can see in the images below, IE6 does not render the navigation title & menu and part of the header correctly. If anyone can help with a resolution to this problem it will be greatly appreciated!

Website Address: http://www.motor-fx.net/

Firefox:

IE6:

dab42pat · #2 (**permalink**) Sep 3rd, 2007, 21:04

Give this a go.

HTML: Select all

<li><a href="index.html" title="Home">Home</a></li    
><li><a href="#" title="Products">Products</a></li    
><li><a href="#" title="Links">Links</a></li    
><li><a href="#" title="About">About</a></li    
><li><a href="contact.php" title="Contact Us">Contact Us</a></li
></ul>

alandomixwell · #3 (**permalink**) Sep 3rd, 2007, 21:54

Wow thank you dab42pat!!! That did the trick. I couldn't really determine what is different about the code you posted and the original html. If it wouldn't be too much trouble could you please explain to me what you did different so I can avoid this problem in the future. Does it have something to do with how the li tag is closed?

dab42pat · #4 (**permalink**) Sep 3rd, 2007, 22:04

Yes it is to do with the <li>, if you drop the > from the li tag it ensures that each navigation item remains indented on its own line and the whitespace between the elements is removed. I believe there are other ways but this is the option that works for me.

Glad it worked for you.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
navigation menu problem	bonnit	Web Page Design	5	Apr 19th, 2008 09:51
Rollover navigation menu	SJMAC	Web Page Design	14	Feb 7th, 2007 14:07
width problem, menu appears 'squashed'	@lun	Web Page Design	4	Nov 18th, 2006 11:56
navigation menu problem...?	JETshipJUMBO	JavaScript Forum	2	Jul 29th, 2006 19:18
Content Appears Based on Drop-Down Menu Selection	WiseWizards	JavaScript Forum	3	Aug 9th, 2005 17:48

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Navigation menu appears correct in FF not in IE6