Vanilla 1 is no longer supported or maintained. If you need a copy, you can get it here.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

Bug: bad CSS in #Session div

edited March 2007 in Vanilla 1.0 Help
The #Session div (which is used to hold the text "Sign in as Foo (Sign Out)") overlaps the #Header div, which is used to hold the title of the discussion forum. On the surface, this doesn't appear to be a problem, however, if you use HTML in the title, it is a problem.

If you make the title a hyperlink: <a href="">Foo Forum</a>

what happens is that the #Session div overlaps that, and makes the bottom half of the title unclickable, because you're clicking on the #Session div rather than the link in the #Header div.

The #Session div:

#Session (line 78)

width: 100%;
position: absolute;
top: 25px;
right: 18px;
text-align: right;
font-size: 11px;
color: #5d709f;

probably shouldn't have width: 100%. It works fine if the width is less.


  • Options
    A z-index value on both will elements should easily fix that.
  • Options
    I notice that this bug hasn't been fixed in Vanilla 1.1.2.

    Either of the solutions above will work - either don't expand the #Session div all the way to the left of the screen (no need to do so!), or make the #Header div "higher" in z-index terms so that it's clickable.
  • Options
    MarkMark Vanilla Staff
    Sorry - missed this discussion until now. It's been committed to svn now.
This discussion has been closed.