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:

        <div class="footer">
            <!-- footer content  -->
        </div> <!-- end of footer -->

    </div> <!-- end of container has width:902px -->

</body>
</html>

Change:

    </div> <!-- end of container has width:902px -->

    <div class="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.