So I removed linking to stylevar doc_background completely. This is what I now have:
Code:
background:url(http://www.undergroundgamers.net/forums/images/misc/ugbg.jpg);
position:absolute;
height:100%;
width:100%;
margin:0;
padding:0;
My background image is in a different position now, but still not like it should be. It's like the image is blown up to a larger size that's too big for the screen. My forum is set to a fixed width (950px). Any changes I make to the width and height in the above code affect the forum itself, not the size of the background image. I apologize if I sound stupid (which, no doubt, I do), I'm kind of new to the whole editing CSS and I'm trying to learn as I go along. If you want to see what I'm talking about here's the forum:
http://www.undergroundgamers.net/forums/
--------------- Added [DATE]1293188964[/DATE] at [TIME]1293188964[/TIME] ---------------
Here's an update. I've ended up with this code:
Code:
html {
height:100%
width:100%
margin:0;
padding:0;
background:url(http://www.undergroundgamers.net/forums/images/misc/ugbg.jpg) center center no-repeat;
<vb:if condition="is_browser('opera') && $stylevar['textdirection'] == 'rtl'">
overflow-x: hidden;
</vb:if>
}
This looks correct on the Forums section of the vB4 Suite, but at the top of the Blog section you'll notice an extra white space, the CMS section has no background image whatsoever, and the What's New section looks like it did when I was still using stylevar doc_background. Also, the background image is not a fixed image this way. Sheesh, this is a lot of work for a background...