Wordpress Full Width Footer

I want to make my 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

Solution 1:

You should move your footer <div class="footer"> ... </div> out of containers like .container and .wrapper if they have width:902px;

HTML:

<divclass="footer"><!-- footer content  --></div><!-- end of footer --></div><!-- end of container has width:902px --></body></html>

Change:

</div><!-- end of container has width:902px --><divclass="footer"><!-- footer content  --></div><!-- end of footer --></body></html>

CSS:

.footer{ 
    width:100%; 
    /*another styles here*/
}

Your code is not enough realizable. Maybe need some CSS changes too.