Navigation menu appears correct in FF not in IE6

alandomixwell · September 3rd, 2007, 04:49 PM

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 · September 3rd, 2007, 05:04 PM

Give this a go.

HTML Code:

<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 · September 3rd, 2007, 05:54 PM

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 · September 3rd, 2007, 06:04 PM

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.