CSS background across entire screen?

[DavidRobertsons]

Hi guys!
I'm working on a website for a buddy of mine. I have a few widgets at the bottom of the screen that I would like to have a background image that repeats the full length of the screen even though the content area is only 960 pixels.

What CSS snippet could I use to achieve this?

David Robertson

http://www.presidentialpinkslip.com is the domain

[TheGameGuy69]

you want to split the background image up into the boxes? or you want the background image behind the boxes(widgets)?

[TheGameGuy69]

just stretch the background out onto a div into the current div:

#mainstay2
{
    width: 100%;
    height: 100%;
    background-image: coolbackground.jpg;
    background-color: Blue;
    border-radius: 6px;
    border-bottom-left-radius: 4px;
    font: 16px Tahoma, Arial;
    z-index: -2;
}

[TheGameGuy69]

sorry here is a better example:

anything{
background-image:url(newBG.jpg);
background-repeat:no-repeat;
background-position:center top;
/* margin-bottom:30px; */
color:#000000; 
font-family:tahoma, sans-serif; 
font-size:18px;
background-color:#ffffff; 
}

[DavidRobertsons]

Originally Posted by TheGameGuy69

you want to split the background image up into the boxes? or you want the background image behind the boxes(widgets)?

I'm wanting the blue background you see at the bottom of the page with the calendar and links to be repeated horizontally across the entire screen. Since I want the background to go outside the boxes (widgets), it sounds like I want it behind the boxes. Truthfully, I'm not exactly sure what I need, I just know what I need it to look like.