I hope someone on the list has a more elegant solution than mine. Here is a
link to a demo of a solution that uses a transparent image to achieve the
objective. The .gif image is sized the same as the link area. In this case
200px square. Seems to work in FF and IE6 PC.
On 9/5/05, Oliver Hodgson [EMAIL-REMOVED]> wrote:
> I'm making a new front-page for a website, and marketing have decided that
> they want a large area to be clickable. This area contains multiple headings
> and paragraphs, so wrapping the whole thing in an <a> element is
> To achieve this, I'm using an absolutely positioned and sized <a> element
> within the parent <div>.
> This works fine in Firefox. However, in IE6, I am unable to click the link
> wherever it intersects with another of the parent div's children, *unless*
> it has a background colour (hence wiping out all of the content below).
> I've created a simple test case, so you can see what I mean:
> (Link on the left (with a border) is broken in IE, solid link on the right
> I've checked that hasLayout='true', so that's not the issue here. I think
> it's just IE6 being a numpty. Can anybody think of a way to make all of the
> link clickable in IE?
> Thanks in advance,
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/