Posts: 306897 Topics: 12466 LOGIN

Home >> Computers Hardware&Software >> CSS issue on IE

25.05.2008, 20:24 quote

god
Joined: 30 May 2006 Posts: 765
View user's profile

If you are bored and know some CSS, you could help me to fix an Internet Exporer issue on the new design in the top menu....the hover-over menu opens underneath the brown box....

 

28.05.2008, 17:03 quote

oggioggi

I found that using a higher z-index for the menu ul and/or li usually solves that problem with CSS drop down menus (try 500 for that particular menu); depending on the layer stacking order of other components on the page or in the CSS you might need an even higher z-index.

 

30.05.2008, 22:00 quote

addynuf
addynuf Joined: 21 May 2008 Posts: 6 Location: United Kingdom, England, Tyne and Wear
View user's profile Visit poster's website

I looked at that when I saw the post, but it looks like god has used stepping z-indices from 100-102 for the Menu, versus 1-2 for the others that he's specified, which _should_ work.

I'm not really tip-top with CSS, so I'm a little confuzzled by some of it.

Should there be huge jumps in z-index to get it to play nice, or should little ones do?

What I was thinking, is should the main body be set with a z-index lower than the menu?

If so, has it?

This is my problem with the CSS - I'm having difficulty figuring out what each bit of it controls.

 

31.05.2008, 06:22 quote

god
Joined: 30 May 2006 Posts: 765
View user's profile

oggioggi wrote:
I found that using a higher z-index for the menu ul and/or li usually solves that problem with CSS drop down menus (try 500 for that particular menu); depending on the layer stacking order of other components on the page or in the CSS you might need an even higher z-index.


Ideally I am looking for a non-z-index solution...but I will do those changes now and try it out!


Thanks a lot!

 

31.05.2008, 06:37 quote

god
Joined: 30 May 2006 Posts: 765
View user's profile

Didn't make any difference...

Firefox does not have any problems with it, just IE....IE seems to confuse the z-indexes - as the h3 tag has none at all....

 

31.05.2008, 14:43 quote

oggioggi

I may be wrong, but I think h1, h2, h3 tags load above a lot of other tags for some reason, when there are z-indices involved.

Unfortunately I’m only at my computer for an hour or so today so can’t help very much, but I can point you in the direction of some resources and tips.

Feel free to look at one of my CSS drop down menus and recycle the code and CSS if you want too. I have one at http://www.touchwoodproductions.com which loads correctly over h3’s in IE, the CSS is located at http://www.touchwoodproductions.com/includes/style.css It’s a bit old now, but works well. There is another one at http://www.peterbuckley.com.au (sorry, you have to wait for the Flash intro to load before you see the site with the menu), based on older versions of those mentioned below.

If you continue to have problems with this kind of menu, you might also like to look under the hood of some Open Source CSS resources that I know definitely work in all major browsers as the basis of your menu – head to http://www.stunicholls.com and look under the Menus tab for the Pro Dropdown Series (#1, #2 and #3); I have used modified versions all of these to resolve the issues that you are experiencing in IE. (Incidentally, I just now pasted the CSS of one of these drop down menus directly into the over_header.html of a phpBB3 theme and put the menu html into the header and it worked in Firefox and IE6 & 7)

 

19.06.2008, 18:08 quote

jasper56

i have no knowlegde of I.T stuff,but i just read the above,and want to say,GOD/TOBY thankyou for the time you put in on this site.and to people that offer help,cheers all!

 

29.06.2008, 09:50 quote

daver80
daver80 Joined: 25 Jun 2008 Posts: 27 Location: United Kingdom, England, Hampshire
View user's profile Visit poster's website

ok so its fine in Firefox and IE7 but doesnt appear in IE6. Maybe it is a z-index thing, in which case you can try putting position:relative and a z-index lower than 2000 on the .content-text div.

But maybe it isnt dropping down at all, hard to tell as I cant see the menu at all when i hover in IE6

 
 
Jump to:

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum