Menu shifting incorrectly

Status
This thread has been Locked and is not open to further replies. Please start a New Thread if you're having a similar issue. View our Welcome Guide to learn how to use this site.

caraewilton

Thread Starter
Joined
Nov 7, 2007
Messages
1,352
Hi guys. I am using one of Stu Nichols' menu on my website.

In Safari, Chrome and apparently older versions of firefox, this menu sometimes shifts incorrectly. Have a look at the screen shots. The menu preforms correctly in Internet Explorer, Firefox 3 and Opera.

To make things more interesting, the menu works correctly in Safari on my blog page. The blog page is using the exact same menu css sheet as the other pages, however it has a different layout structure, only slightly though and is an xml page not an htm page.

This leads me to believe that the problem lies with my layout, and the page layout is affecting how the menu shifts.

Here are the links to my style sheets:
General style sheet
Menu style sheet

I would be delighted if anybody could shed some light of why this is happening.

Many thanks
Cara
 

Attachments

tomdkat

Retired Trusted Advisor
Joined
May 6, 2006
Messages
7,148
I think the problem is related to your main page being a HTML 4 document and your blog being a XHTML document. Stu uses a strict XHTML document for the menu to force ALL the browsers into strict standards mode. Then he uses conditional comments to get IE to behave. If you're going to use Stu's menus, I suggest sticking with a strict XHTML document as he does in his sample pages.

Good luck!

Peace...
 

caraewilton

Thread Starter
Joined
Nov 7, 2007
Messages
1,352
Mmm, I have wondered about that, also noticed that when I was writing this post. Is there a big difference between html and xhtml? I have never created an xhtml document, bar modifying that blog. I have noticed that it uses things like </br> as apposed to <br> and div's without content can be written as <div id=demo />
Would it be difficult to convert my pages?
 

tomdkat

Retired Trusted Advisor
Joined
May 6, 2006
Messages
7,148
You can learn about the differences between HTML 4 and XHTML 1 here. It wouldn't be difficult to convert your pages but it would be time consuming if you wanted the page to validate as XHTML.

Peace...
 

caraewilton

Thread Starter
Joined
Nov 7, 2007
Messages
1,352
Thanks for the link. Seems like a bit of hassle to do this now:( Might be easier to just find a another menu....
 
Status
This thread has been Locked and is not open to further replies. Please start a New Thread if you're having a similar issue. View our Welcome Guide to learn how to use this site.

Users Who Are Viewing This Thread (Users: 0, Guests: 1)

As Seen On
As Seen On...

Welcome to Tech Support Guy!

Are you looking for the solution to your computer problem? Join our site today to ask your question. This site is completely free -- paid for by advertisers and donations.

If you're not already familiar with forums, watch our Welcome Guide to get started.

Join over 807,865 other people just like you!

Latest posts

Staff online

Top