• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Footer Help



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?


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 id="main-banner">
<div class="container">
<main body content>
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!


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