Background images and newer resolution sizes

[Mandi]

Wake up, Graphics forum!!

So, how wide are y'all making background images these days, so there is no right-left repeat? Enormous monitors (and their related huge resolutions) leave me feeling like I'm going to be making 7,000 pixel-wide backgrounds before long . . .

[squillo]

Resolution sizes are really all over the place, so I don't rely anymore on making extra-wide background images. Instead, I do one of two things:

1. Make sure the graphic has a smooth transition at the repeat line

or more often,

2. Use CSS to define a background image that does not repeat

hopehelps!
squillo
--
knows there are some old pages lying around that need updating

[MPaul]

To keep the background from repeating on the sides if the resolution is too huge compared to the background image, you could do this with CSS:

body {background: #fff url(bg-image.gif) top center repeat-y;}

It will always be centered. You could also use a color that is near to the background's main color, this way users might not really notice it.

[Andilinks]

One method I have used is to add transparent margins on either side of the graphic, they can be made very large without adding much to the graphic's file size.

Mostly though I have used css this way (slightly different from MPaul's example):

td.l {background-image: url('lo.gif'); background-repeat: no-repeat;}

Andi