Top and Bottom Background Images that Span the Width

Discussion in 'CSS' started by travoholic, Aug 7, 2009.

0
  1. #1
    Hi there,

    I am hoping to create a background image similar to on this site: http://www.workshifting.com/ where it spans the width of the screen. How can I do this with CSS and also do one on the bottom as well?

    Is it also possible to have an additional background image that acts as the background for the actual content?

    Thanks,
    Kirsty
     
    travoholic, Aug 7, 2009 IP
  2. 1 FineLine

    1 FineLine Peon

    Messages:
    78
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #2
    it depends. Do you want the background to 'grow' when the page is resized larger?

    they use an image for the background and then add the #color for the gray on the rest of the page. See below

    
background: #3f3f3f url(http://www.workshifting.com/mt-static/images/body_background.jpg) top repeat-x;
    Code (markup):
    You can add a background to any div inside the container. For the bottom of the page create a new div and use the same concept as above.
     
    1 FineLine, Aug 7, 2009 IP