Question

Below the footer I see additional white space….
how to remove the additional white space….
i reduced the height of the container but even though its not working….
how to fix it…..

providing my fiddle below

http://jsfiddle.net/h8J4p/embedded/result/

<div class="footer">
       <!-- <p>&copy; Company 2012</p>-->
       <p>Copyright© www.defie.co. All rights reserved.</p>

      </div>

Answer 1

First of all, you need to get rid of the extra padding and margin that the body have in default by using the following:

body {padding:0;margin:0;}

Secondly, you need to remove the entity that @Sport Billy pointed out ​
If you still have a problem then check the previous element. you might have margin-bottom or padding-bottom in the last element

if non of that worked, use position:relative; and position the element properly. but use that as a last choice.