Resizable Forum Side Gradients/Images

[Blink]

Preview: webpox.proboards91.com/index.cgi?

This took a long time to get working in both FF and IE. What it does is allow you to add an image on top of your background to the far left and far right of the screen. They will resize to the page width.

<style type="text/css">
div#fixme {
position: fixed;
top: 0;
left: 0px;
width: IMAGE WIDTH;
height: 100%;
z-index: 2;
background-image: url(IMAGE URL);
}
* html div#fixme {
position: absolute;
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop : document.body.scrollTop);
}
div#fixme img,div#fixme-bottom img {
float: left;
margin: -0px -100px -100px 0;
position: relative;
}
div#fixme2 {
position: fixed;
top: 0px;
right: 0px;
width: IMAGE2 WIDTH;
height: 100%;
z-index: 3;
background-image: url(IMAGE2 URL);
}
* html div#fixme2 {
position: absolute;
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop : document.body.scrollTop);
}
div#fixme2 img,div#fixme2-bottom img {
float: right;
margin: -0px -100px -100px 0;
position: relative;
}
</style>

<div id="fixme"></div>
<div id="fixme2"></div>

Global Header

Edit the parts in yellow