Does anyone have any ideas as to why I can’t highlight text or click links above/in my sidebar? I’m using a 3-column template, and it applies to my content too. To illustrate, let’s just say my sidebars have heights of 500px. Below 500px, I am able to highlight text and click links, but above/within those 500px, I just can’t.
Help would be very much appreciated!
Sounds like you’ve got an invisible/empty element covering that section of the sidebar. Without seeing the page, it’s going to be difficult to say more than that. Tools like Firebug or Opera Dragonfly can help you to find these errant elements, but if you’re not sure how to do that, post a link here and we’ll see what we can come up with.
It’s difficult to say w/o seeing the code, but some likely culprits are: z-index or even negative vertical margins. It is possible that you have places your sidebar has a lower z-index and element that around it, and for what you describe that element is at least 500px high.
It’s often a case of some element set to position: absolute that’s sitting over other content.
The details are not mentioned/ any ref link to check. My suggestion is that check your divs with giving the bg color to see if anywhere overlap is there. You need to mention the same in CSS where you are applying.
Thanks, everyone! Dresden was right: it was the z-index causing the trouble.