Background image...and yes I've looked EVERYWHERE

blah blah blah...I keep reading about just adding

/*wrappers - page or section containers*/
	#mainWrapper {
	background-color: #FFFFFF;
	background-image:url(../images/smartbg_wm.gif);
	background-repeat:no-repeat;
	background-position:center;
	text-align: left;
	width: 100%;
	vertical-align: top;
        }

but its not putting my watermark BG image. I've messed with the Smart BG module and totally abondoned that. Didn't get the hang of it.
My url is http://www.force-test.com.

Anyone know what I'm doing wrong? I just want the bg to show, even if its ONLY on the main page.

curbside,

You have the background set to 'white' in both the #mainWrapper and the .content_bg styles.

Taken them out and your background image will show behind the text.

PS.

Use the 'inspect element' option (right click a webpage) in Google Chrome browser to save yourself hours of headache when looking for these sorts of problems.

curbsidestudiosNET:

blah blah blah...

I could not see any image located at http://www.force-test.com/images/smartbg_wm.gif
also, the line defining the gif is missing the apostrophes at either end of the url.
also, to see on every page the gif should be defined in the body section

body {
	margin: 0;
	background-color: transparent;
	background-image: url([B]'[/B]http://www.force-test.com/images/smartbg_wm.gif[B]'[/B]);
    background-attachment: fixed;
	}

the 'fixed' element is to stop the picture scrolling if longer than the displayed page

The apostrophes are not needed in the url(../images/etc) value. It works the same with or without them. There is no reason to use the full URL - in this case just url(images/smartbg_wm) should work. Template images like this should really be in /includes/templates/your_template/images/, not /images/ as you show.

#mainWrapper is the right location for a bg that will show on every page, inside the page boundaries. The body rule applies to the entire screen, even outside of the "page" border if any.

the 'fixed' element is to stop the picture scrolling if longer than the displayed pageTo clarify, "fixed" keeps the bg fixed in the window even if the page is longer than the window. The page content would scroll up while the bg stays in place, which may or may not be what you want. That is a design decision.

If you were using smartbg_wm as a filename to activate the Smart Backgrounds code, that would explain the failure, as would using the base /images/ folder instead of the template /images/ folder. SBG is not the right tool for putting the same background on every page anyway. If you wanted only the homepage, you would use
#indexHomeBody #mainWrapper {background: etc;}