Getting Body Background to Adjust to Screen Size/resolution

hbixler03 · 03-14-2008, 12:13 PM

Ok I am trying to design a blog where the background flows with the width of the screen.

Here is a link, if you have a computer with a 17inch monitor then you will see what I am trying to do, there are two "stripes" of stars and such flowing on each side of the screen, but in a smaller screen there is only one showing:

http://girlyblogdesignz.com/sandbox2

I was wonderign how I can fix this? Thanks!

code_junkie · 03-14-2008, 01:17 PM

I just looked at your site and it looks fine on my screen. Have you resolved this already?

hbixler03 · 03-14-2008, 02:01 PM

What size is your screen?

code_junkie · 03-14-2008, 02:06 PM

22" wide screen.

corneo · 03-14-2008, 06:11 PM

your going to have to stretch the picture. I don't see how you can cut and paste it.

marc_gfx · 03-16-2008, 08:39 AM

cant think of a way to solve your problem, other than making your background image complete (don't cut it off at the bottom). Really nice design by the way.

got something to add, just had a look at the entire background image. I hadnt realized it was one entire picture for the background, not a good idea. 1,512px × 800px what kind of screensize is that??? I can't even see the right side on my feeble 1024*768 monitor (thats a realy shame). First separate the image in to two parts. Get rid of the big blue middle part with no information on it. Set you background color to that blue. Set the background image to the left part of your splitted image. Add <div style="float:right;width:200px;height:300px;paddin g:10px;background:red url('bla.jpg');">XXX</div> or something similar to float the right half. This might cause problems with the z-index. You could also just forget about the right half... or fix your sites width to work on 1024*768 (what I personally don't think is a good idea).