5 replies [Last post]
AndyD
AndyD's picture
Offline
Enthusiast
Last seen: 3 years 37 weeks ago
Joined: 2005-03-17
Posts: 160
Points: 48

HI All,
I recently tried to add a horizontal nav to a page and it seems to work in FF but not in IE. I have tried changing the z-index to different parts of the ul used for the navigation layout but it doesn't seem to be improving the situation. Can anyone offer any advice please? Ieven tried putting the ul in a new div and giving it an id, but to no avail.

I am sure I had this problem before at one time and actually resolved it, but looking at files on my pc I can't find where I got it to work in the past.

Cheers
Andy

orange-house.co.uk/Shine/index_blonde_hnav3.htm

BonRouge
BonRouge's picture
Offline
Enthusiast
Sendai, Japan
Last seen: 12 years 5 weeks ago
Sendai, Japan
Timezone: GMT+9
Joined: 2005-07-10
Posts: 237
Points: 0

Your nav needs to have the

Your nav needs to have the id 'nav' for that script to work.

AndyD
AndyD's picture
Offline
Enthusiast
Last seen: 3 years 37 weeks ago
Joined: 2005-03-17
Posts: 160
Points: 48

Yup, I noticed

Yup, I noticed that....oops..... so reuploaded it.
But the dropdown is still underneath the main group of images in IE... any ideas?

Cheers
Andy

BonRouge
BonRouge's picture
Offline
Enthusiast
Sendai, Japan
Last seen: 12 years 5 weeks ago
Sendai, Japan
Timezone: GMT+9
Joined: 2005-07-10
Posts: 237
Points: 0

Try this: #nav

Try this:

#nav {
position:relative;
z-index:100;
display:inline-block;
}

AndyD
AndyD's picture
Offline
Enthusiast
Last seen: 3 years 37 weeks ago
Joined: 2005-03-17
Posts: 160
Points: 48

Thanks for the

Thanks for the recommendation. I tried but no luck.
I even tried making it z-index: 900.
Originally I had to add thisli:hover ul, li.over ul { display: block; z-index:200; } /* The magic *//* This seemed lift nav over underlying page content in FF*/
to get FF to display properly so started playing with adding a z-index of 200 to a few things but nothing resolved the problem. Surely it MUST be a z-index issue somewhere....

Cheers
Andy

AndyD
AndyD's picture
Offline
Enthusiast
Last seen: 3 years 37 weeks ago
Joined: 2005-03-17
Posts: 160
Points: 48

Solved. I didn't label the

Solved.
I didn't label the ul as belonging to #nav.

Cheers
Andy