How would I get a desired background like these two websites?

http://www.radiantmars.com/
http://www.merix.com.pl/

As you can see, both of their background span the entire length of the page, yet everything is centered for an 800x600 layout. How would I achieve this? Create a smaller div inside the bigger div with a length of 800px and center it?

 

We did ours with a background image and the centering the middle <td>. You can see what we did here:
http://www.catanich.com/
http://www.printer-repair.net/

Jim Catanich

 

background: url('/images/abc.jpg or gif or png') repeat;

if you want to repeat the image vertically
background: url('/images/abc.jpg or gif or png') repeat-y;

if you want to repeat the image horizantally
background: url('/images/abc.jpg or gif or png') repeat-x;

if you dont want to repeat
background: url('/images/abc.jpg or gif or png') no-repeat;

 

Check how they did this at http://www.radiantmars.com/css/ui_night.css

 

html {
 background: #00000 url(../img/top_bg.jpg) repeat-y  top left;
}

Code (markup):

background: #color url(location) repeat it down the page, start the background from the top left

 

Beat me to it That's what I was going to suggest.

 

Just out of curiosity, since I haven't seen a post that actually adds value to the
thread, are you whoring for post count?

cheers,

gary

 

No, I was bored yesterday at work and I was the only on there in the whole department and I had a few hours to kill with nothing to do.