Member Offer
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Footer Help

Discussion in 'Website Coding & Programming Forum:' started by wac, Feb 28, 2013.

  1. wac

    wac Senior Member

    I've started this site
    http://wacdesign.com/pps/eaf/v4/
    and I want that off-white divider at the bottom to essentially become a footer so I need to know how to make everything below it one colour (in this case #f2f2f2)
    Any ideas?
     
    XRumerTest and Bouctualtum like this.
  2. Squiddy

    Squiddy Guest

    I'm not entirely sure what it is that you want to do. There is nothing in the footer to be made #f2f2f2. Are you referring to background colours or font colours?
     
  3. Adam

    Adam Senior Member

    One way you can do it which is the more widely used way is you have to set the body background to the colour you want i.e #f2f2f2
    Then because you have different full width 'banners' you have to create different banners, for example
    <div id="header-banner">
    <div class="container">
    <header content>
    </div>
    </div>

    <div id="main-banner">
    <div class="container">
    <main body content>
    </div>
    </div>
    Then set in your CSS
    #header-banner {
    background: #colour;
    }
    #main-banner {
    background: url(images/djhdjhfjhfd) no-repeat #colour;
    }
    .container {
    width: 960px;
    margin: 0 auto;
    }
    Basically each banner ID just holds the background colour which will go full width, and the actual page background is set for your footer colour so that anything outside of the banners will have that background colour no matter how big the window is.
    - I probably haven't explained this very well, but hopefully you get the gist!
     
  4. wac

    wac Senior Member

    Sorry guys, I fixed the issue last night. I should have mentioned it here but thanks for the interest.
     

Share This Page