Content links dead above sidebars only

  • Resolved NancyN

    (@nancyn)


    14 years, 5 months ago

    I’m seeing something strange on https://www.bevdems.org, in Firefox (Mac), not in Safari: the links in the central column (only) are all dead, until you scroll down below the bottom of the left and right sidebars. If I remove the right sidebar, links in the center work starting at the level of the bottom of the left sidebar. If I remove both sidebars (& header), they still don’t work for the first couple of stories.

    I’ve tried to isolate the problem by removing various parts of the theme template, as well as disabling widgets, to no avail.

    Thanks so much for any suggestions as to where I might look for this problem.

Viewing 6 replies - 1 through 6 (of 6 total)

  • It’s a CSS issue.

    Thread Starter NancyN

    (@nancyn)

    Thanks! I suspected as much and went through my CSS, but will look again. [Though I don’t see how CSS could render a link inactive.]

    Something in the design is causing the div that holds 1 (or both) sidebars to overlay the content div. Think of it like covering a piece of paper with a transparency and then trying to write on the paper. I did have a quick look to see if I could figure out where the issue is but couldn’t quite locate the problematic CSS.

    style.css:

    #content {
	margin: 90px 0 0 183px;
	left: 0px;
	position: absolute;
	top: 40px;
	padding: 50px 45px 0 45px;
  width: 500px;
  font-size: 0.9em;
  line-height: 1.4em;
	background-image: url(https://www.bevdems.org/img/bg/bg-content.png);
	background-repeat: no-repeat;
  background-color: white;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
  z-index: 0;
}

    ‘z-index:-100’ caused the links to be unclickable;

    also change here to get the sidebars back over the edge of the content:

    #col-left, #col-right {
	vertical-align: top;
	font-size: 0.80em;
  color: white;
	background:#048;
	background-image: url(https://www.bevdems.org/img/bg/bg-col.png);
	background-repeat: repeat-y;
	border: none;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
  position:relative; z-index: 5;
}

    ‘position:relative’ added to get z-index applied.

    Oh – nice catch!

    Thread Starter NancyN

    (@nancyn)

    Found the problem; I was using z-index incorrectly. Thanks for pointing me in the right direction!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Content links dead above sidebars only’ is closed to new replies.