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)
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
<main body content>
Then set in your CSS
background: url(images/djhdjhfjhfd) no-repeat #colour;
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!