View Full Version : Background Image

09-28-2004, 05:23 AM
If I want the background image for a page to be a gradiented image that I created, what size should I make it so It is viewable in all screen resolutions? If I make it 1024x768 then people with 600x800 would get unnecisary scroll bars... Thanks for the help

09-28-2004, 05:27 AM
There will be no scroll bars if it's a background image.

09-28-2004, 01:44 PM
800 x 600 is probably the best choice for a size. At 1024 x 768, it would just tile (unless you set the value of background-repeat to "no-repeat"). Unless this isn't a true background image. Is it an image that has a negative z-index? That was the impression that I was getting, but that just means you can make it any size by stretching it via the height and width properties.

09-28-2004, 03:55 PM
Having a look at this background image of yours would be a great help in determining how big it should be and in what direction, and if there's a possibility of putting tiling to good use; also, your assumption that a large background image would cause scrollbars to appear suggests you're not implementing a true background image at all.

A link to an online page, no matter in what state of progress, would be appreciated.

09-28-2004, 04:56 PM
You can do something like this using the attached image (a simple gradient created in Photoshop). The image is 1px wide by 600px tall and the body background color is matched to the 2nd color in the image. The repeated image is much smaller than an 800 x 600 or larger image.

<body style="background:url(gradient.gif) repeat-x #f3813c;">


09-28-2004, 05:14 PM
Using the same image Mark uploaded, you could have the gradient at the bottom of the page:

<body style="background: #fff url(gradient.gif) repeat-x bottom left;">


09-28-2004, 11:26 PM
Sorry for the lack of info. It was just a gradient bg image so I just set it to no repeat and it works fine, I thought it would just make scroll bars instead of stretch but it works fine.