Home/ Questions/Q 579725
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T14:23:48+00:00

I’m trying to turn a div into a link. The code below works fine

  • 0

I’m trying to turn a div into a link. The code below works fine in firefox but in IE the mouse pointer doesn’t react to the link. Is there a way around this? Thanks.

<html>
<head>
<style type="text/css">
.test{
    width:100%;
    height:100px;
    background:#666666;
}
</style>
</head>

<body>
<a href="http://www.google.com">
    <div class="test">
        kjlkjlkjkljl
    </div>
</a>

</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I think IE’s actually responding properly in this case.

    A div is a block-level element; so it shouldn’t be contained within an inline-element such as, for example, an a. If you use a span (in place of div) does that work in both IE and Firefox?

    If you want to make it look like a link (in terms of the cursor), then you may want to use:

    a > div, /* please change your mark-up to the following */
a > span {cursor: hand; /* for earlier versions of IE */
          cursor: pointer; /* for, I think, IE 7+ and FF etc. */
}
    • 0