Fri, 2008-02-15 03:36
Is there a way to have two different background colors on the body without images? I basically want a dark gray main background color and one or two strips of a lighter gray color. These colors will display behind the container div. Is that possible without the use of an image for the background? Thanks guys!:shrug:
Fri, 2008-02-15 04:05
#1
Put one colour on the body
Put one colour on the body and then use borders/colours/images on the container for the rest of the site for the other colours.
Fri, 2008-02-15 04:06
#2
One thing you could do is
One thing you could do is give the body and dark gray background color, then add two strips of light gray by adding an absolutely positioned div or a container with a dark gray background color and light gray borders on the sides. (with a low z-index or something)
EDIT: Tyssen beat me to that solution
If I were you I'd just use an image. Why do you need to do it without and image?
Fri, 2008-02-15 04:08
#3
I wouldn't use absolute
I wouldn't use absolute positioning; in most cases there's no need.
Fri, 2008-02-15 05:12
#4
Thanks Guys! Because I don't
Thanks Guys! Because I don't have photoshop yet (so I can't make any images) and I can't find any background images that I like. So I thought I would see if this was an option. It sounds like it is do-able... but background image is easier. I will give it a try tomorrow morning.
OK - so after applying a color to the body, I would then just give the background div a height and some margin for placement, and no width, right? Because I want it to completely fill the width of the browser window. However my wrapper div is 720px and centered. So what z-index would work to place it behind the wrapper? The wrapper is position static. Also, where should I place that background div in my html? My layout is just natural flow. The layout in question is the one under my signature. Thanks for your help!
Fri, 2008-02-15 05:26
#5
I'm sorry, I don't really
I'm sorry, I don't really get what you're trying to accomplish and looking at what you've already got doesn't help me.
Fri, 2008-02-15 05:35
#6
I guess I could of explained
I guess I could of explained it better. Basically just a strip of a lighter gray color going from the left side to the right side of the browser window, and behind the wrapper(container) div. Probably like 30px in height and margin-top: 100px or so. Better?
Fri, 2008-02-15 05:36
#7
You might try The GIMP
You might try The GIMP first. It's not PhotoShop, but then it's built from the ground up for web imagery, not print. It'll save you at least a couple of bucks. 
See the manual for its capabilities.
cheers,
gary
Fri, 2008-02-15 05:40
#8
You'll need to create a
You'll need to create a repeating-x background-image and put in on the body in combination with the background-color.
Fri, 2008-02-15 12:54
#9
Ahhh.... so it can't be done
Ahhh.... so it can't be done without images. Oh well soon....thanks guys!
Fri, 2008-02-15 23:13
#10
Er, no, I just said you had
Er, no, I just said you had to use a background-image. :?
Fri, 2008-02-15 23:16
#11
Ya, thats what I meant -
Ya, thats what I meant - just left of the background part.
Sat, 2008-02-16 03:48
#12
you can style the html tag
you can style the html tag one color, and then give it a border, and then style the body tag a certain width and different background. try something like this:
EDIT re-read your request and took the time to put together a little sample that goes a bit more in-depth...
Wed, 2008-02-20 12:43
#13
Background Image
Don't know why this is necessary - using full width divs and / or 2-color image backgrounds should be sufficient
Thu, 2008-02-21 21:55
#14
