Full Width Footer Wordpress

I want to make footer full width but its not becoming full with by assigning #footer:100%; Well, When i make the .container and .wrapper to 100% it become full width but content al

Solution 1:

You need to wrap the footer's content with something that makes it stay in place, without getting the width to 100%.

So I added a footer_content div arround the footer content divs and added this after updating the footer width to 100%:

.footer_content{
    width:960px;
    position:relative;
    margin:0 auto;
}

Here is a solution:

http://cdpn.io/gzEBk

Solution 2:

Put the following div below the body tag

<div class="footer_background"></div>


.footer_background 
{
background: none repeat scroll 0 0 red;height: 217px;margin-top: -217px;position: absolute;width: 100%;z-index: -1;
}