Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Sep 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS background across entire screen?

    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

  • #2
    New Coder
    Join Date
    Sep 2012
    Location
    NWO Canada
    Posts
    12
    Thanks
    0
    Thanked 2 Times in 2 Posts

    Post

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

  • #3
    New Coder
    Join Date
    Sep 2012
    Location
    NWO Canada
    Posts
    12
    Thanks
    0
    Thanked 2 Times in 2 Posts
    just stretch the background out onto a div into the current div:

    Code:
    #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;
    }
    Last edited by TheGameGuy69; 09-19-2012 at 07:35 PM.

  • #4
    New Coder
    Join Date
    Sep 2012
    Location
    NWO Canada
    Posts
    12
    Thanks
    0
    Thanked 2 Times in 2 Posts

    Post

    sorry here is a better example:
    Code:
    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; 
    }

  • #5
    New to the CF scene
    Join Date
    Sep 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by TheGameGuy69 View Post
    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.
    Last edited by DavidRobertsons; 09-20-2012 at 12:06 PM.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •