div style

[Ronsonol]

ok.

<div id="divHome" style="z-index:2; width:112px; height:21px; top:3px; left:10px; position:absolute;" onclick="window.open('http://ronsonol.com');"></div>

So, I am using this to create an area on the screen that when you click it goes to my home page.

This code above works just fine in firefox but when i test it in IE it doesn't. If i add a bgcolor to the style it does work. I have tried &nbsp; between the <div></div> but that doesn't work.

What should I do?

[Threeboy]

Internet explorer doesn't support all of the CSS spec. Firefox supports all if not more.

write an angry messsage to microsoft?

[Jamblo]

You could create a transparent gif and stick it in the div, and apply the link to that.

[Ronsonol]

Jamblo, I like that idea.

www.ronsonol.com/cam

I'll give it a test, see how I like it. Thanks.

[Jamblo]

It sorta works.

Your problem now is that the div only stretches down past the little logo in the top left. You will need to add a height variable to the div. E.g. "height: 240px"

Or... stretch the transparent gif so it's the whole size of the cam image.

[Ronsonol]

That's all I want, I don't wanna link the whole thing. ^^

[Jamblo]

Well ok, that's fine. My only gripe would be that it's not obvious there's a link anywhere - the cursor doesn't change to a hand when you move over your button...

[Ronsonol]

What do you think about it now?