1

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?

Funk Forty Niner
  • 74,450
  • 15
  • 68
  • 141
Samantha Odber
  • 13
  • 4

2 Answers2

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.

Paul
  • 139,544
  • 27
  • 275
  • 264
  • Thanks.. this explains why I couldn't interact with it. Now it seems to work. Although changing the z-index makes the top nav bar hide beneath the centre divs. Is it possible to have the nav bar on top, but still interact with the content_div? – Samantha Odber Sep 17 '13 at 01:56
  • @SamanthaOdber It works for me in Chome. I'm not sure what the issue is. – Paul Sep 17 '13 at 02:16
  • She might be in IE, you can add a positive z-index to the nav bar to ensure it is placed above the centre div. – asdf Sep 17 '13 at 07:52
  • no, I was working in Chrome. But I came across the same answer as you Colin, positive z-index worked fine. Could not have a negative z-index on my centre div, or it wouldn't interact. And, also, I didn't know the divs had to be positions for z-index to affect them. Thank you for all the help guys. – Samantha Odber Sep 17 '13 at 11:00
0

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

asdf
  • 2,927
  • 2
  • 21
  • 42