...

View Full Version : My Links do not work when using png as a background graphic in IE



bunsco
10-31-2006, 10:47 AM
Hi all

i have a problem with the links in my web page not working when using a png as a background graphic in my container div which as relative positioning applied to it.

It works fine in Firefox and safari - but IE, no joy.

I have an example page i set up to illustrate the problem.
http://www.case236.co.uk/u_web2.html


i have read that this is a known problem. But has anyone here come up with a solution to this most annoying of bugs.

VIPStephan
10-31-2006, 11:03 AM
I'm getting a 404 when I click on the link. But anyway. Your problem probably occurs due to a z-index issue. The relatively positioned element is on top of your links and probably covering them, hence making them not accessible by mouse. Either position your links relative too and assign z-index: 2; to them or don't use positioning at all.

bunsco
10-31-2006, 11:15 AM
I'm getting a 404 when I click on the link. But anyway. Your problem probably occurs due to a z-index issue. The relatively positioned element is on top of your links and probably covering them, hence making them not accessible by mouse. Either position your links relative too and assign z-index: 2; to them or don't use positioning at all.

So let me get this right.

although all the elements are in effect housed (relatively) within the #grandwrapper div - is the #grandwrapper div seen as being on top of the pile of the div's within it?

and anyway, would'nt z-indexing that it outside of the relative possitioning flow?

bunsco
10-31-2006, 11:16 AM
Either position your links relative too and assign z-index: 2; to them or don't use positioning at all.

Oh, and ALL the div's used on the page are positioned relatively.

Bill Posters
10-31-2006, 11:39 AM
It's a known issue in IE6 that occurs due to the use of the CSS filter property.
As VIPStephan suggests, it can be fixed by making all anchors relatively positioned.
(I don't think the z-index is necessary.)


a {
position: relative;
}

bunsco
10-31-2006, 12:09 PM
It's a known issue in IE6 that occurs due to the use of the CSS filter property.
As VIPStephan suggests, it can be fixed by making all anchors relatively positioned.
(I don't think the z-index is necessary.)


a {
position: relative;
}

sorry, but that does'nt seem to work. Just the same as before.

is there anything in my code/css that prevents this from working?



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum