I have a div that I can't interact with

Question

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?

Answer 1

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.

Answer 2

Remove the z-index. It's causing the div containing the clickable link to sit behind it's wrapper.