Search code examples
csshtmlnon-interactive

I have a div that I can't interact with

The website is here:

http://www.ourcourse.ca/Pages/Drama/dramaresources.php

And I just realized I can't highlight text or click on links in the centre div. I read somewhere that having an overlapping div might cause the issue... so I tried changing the z-index to be greater than the top navigation bar that overlaps, but that didn't help.

Any thoughts?

Solution

  • You are giving a negative z-index to the <div> with id="Centre", which is causing your problem.

    In mainstyle.css:

    #Main #Centre {
  ...
  z-index: -1;
}

    Remove that and it works perfectly.