Topic on Project:Support desk

Spiros71 (talkcontribs)

I have used this css, but the border line is still displayed over the TOC.

#toc {
  float: right;
  z-index: 10;
}

h2 {
  border-bottom: 1px solid;
  z-index: -1;
}

See here

Ciencia Al Poder (talkcontribs)

The problem is the toc doesn't have a background, so it displays what's behind it. Set a background color and it will work.

TheDJ (talkcontribs)

I think you are referring to the line of h2 right ? There is a simple solution to that, used by MediaWiki skins. You set:

h1, h2, h3, h4, h5, h6 {
    overflow:hidden;
}

This makes sure that the header begins a new "block formatting context" and suddenly it's border won't overlap with other content any longer.