Using graphic/image as a background?

[kade119]

I know this has been discussed many times in the past, but my memory for the less important things is quite short. So the best approach for this is to define an image size around maybe 1000px and soften the edges? b/c i do not want it repeating on a wide screen monitor... I would like to hear the way you all resolve this issue .. besides factoring out the image heh..

thanks

[imagn]

If you don't want it to repeat just set it that way:

repeat: no-repeat;

And use a background color to bleed the rest:


Full line:
background: #000000 url('../images/image.jpg') no-repeat center;

[kade119]

it's still not sitting at the bottom of my page

and i need it to go fullscreen

so should i design it at like 1200px wide?

and its to be the bg for the entire site behind the actual pages....

is it wise to do a sheet that specifies the css for different resolutions for a fullscreen bg image?

[imagn]

Would really help to actually see the site or what you're trying to do...

[kade119]

here look at this for a sample

http://www.kreativ.cn

[imagn]

Resolution won't really matter as you can't guarantee what size a user will have their browser set to.

Generally you design for a target resolution and just have to make sacrifices for others. Now this is something you can do in Flash but that's not my forte

[J Dot]

Try changing your stylesheet to put the background image on the bottom:

body{
background:#000;
font-family:"century gothic", Arial, Helvetica, sans-serif;
background-image:url('graphics/bg.jpg');
background-repeat:no-repeat;
background-position: bottom center;
}

Then you wont need your .bg style