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.
Options

CSS Help

edited October 2008 in Vanilla 1.0 Help
OK CSS gurus, I have set up a layer thingie that needs to be 24 px high and 26 px wide.

The height is important because it contains two small images that I want stacked on top of each other.

The problem is that no matter what I do, it ends up being too high so there's an ugly gap between the images, this is the code...

#ddate { background-color: transparent; position: absolute; z-index: 4; top: 83px; left: 173px; max-width: 26px; max-height: 24px; float: left; }

Mind you, it works fine in Safari and IE 7 but not in Firefox or Chrome.

If you want to see it in real life its the little calendar at the top-left of most pages at at debono.com.au/forum.

Comments

  • Options
    Never mind, after a weekend off the problem, coming back to it with a clear mind I decided to position the images using "fixed" instead of having them at the mercy of the DIV.

    Thanks to all.
This discussion has been closed.