middle background, how do you get one? Options

[ep1986]

how do you add a middle background color (the one around the modules) while keeping a second, larger background intact? An example of the type of thing I'm looking for can be see on this layout:

http://www.createblog.com/myspace-layouts/34952-spectacular/

(Except I would want my modules to be a different color than the middle background)

I've searched for codes online but they either squish my modules thinner, and/or the middle background's sides don't match up with the top horizontal bar with the links (home, mail, profile, music, etc.) (NOTE: I'd like for this top links bar to match the color of the middle background, as well)

So anyway, what is the code that will accomplish all of this? Thanks!!

[ep1986]

???? Sorry, I don't follow...right now I have a white background, and for my background "image" all I have a is a background picture in the top left corner (non-repeat)...but I want to add a black background to the center of my profile, leaving the white visible on either side...

[ZeT0]

How the fuck don't you follow that?

[Mickey]

Make your black background, but make sure it's wide enough only to act as a container for your modules. Set it as your background, then set background-position to center and background-repeat to repeat-y.

[ep1986]

does the center background always have to be an image? is there a way to do it without making an image and just setting a color? because the codes I looked into for "center background" online never mentioned anything about making my own image...

and, if I do it the image way...
1)would I be able to keep the image I already have in the background in the top left?
2)wouldn't the alignment between the top links bar and the middle "background" that I wanted get distorted when the browser window isn't maximized? since it's just an image


For example: in something like this, http://www.createblog.com/myspace-layouts/...iction/preview/ is that white background an image or just a white background color?

[Mickey]

That's a background image. Anyway, add this to your CSS codes:

CODE

div.content {background: #000;}

If you want to give the header and footer black backgrounds as well, use this instead:

CODE

div.wrap, div.content {background: #000;}