z-indexing and jquery detect on URL

[exsite_interactive]

Hey Guys,

I am building my new website and its being staged right now at http://www.exsite.ca/staging

I am experiencing a couple problems that i would appreciate some expertise with.

1) On the "Work" page, the nav interferes with the work subnav link, for a visual on this problem see the following screenshot:
http://www.exsite.ca/staging/subnavIssue.png
I tried z indexing this but it doesn’t seem to work, not sure if this is because one is positioned relative and the other fixed….? HELP!

2) When you click a nav item the appropriate nav item had a class added via jquery to make it active (change of colour), this is done using a sprite. When the page loads the "Home" nav tab is give the active class (hard coded). My question is if i give out the URL as:
http://www.exsite.ca/staging/#work — it automatically takes them to the work page but the home is still getting the active class.

Is there a way with jQuery to check the address bar URL and if it contains the word "work" for example, append the active class to the work tab instead of home….??

note i have not cross browser tested yet but these issues are the same across all browsers.

any help is appreaciated. thanks.

[exsite_interactive]

update: i fixed #1 by placing the nav inside the wrapper. now it works just right.

but im having trouble FIXING the nav in IE6. i saw the code snippit on css tricks (https://css-tricks.com/snippets/css/fixe … g-in-ie-6/) to fix position in ie6 but it does not work even when i look on the css-tricks example (https://css-tricks.com/examples/FixedPositionIE6/).

[virtual]

It looks like the pngfix for the images is not working in IE6.

[exsite_interactive]

yeah its not but i adjusted ie6 to just use jpgs instead of pngs in most cases. just got to apply a fix to the nav background.

but im not really too concerned with that now, moreso the issue i brought up in the original post.

[Author]

Posts