My Index page has very lots of white space after the footer need to remove that?

Question

Just started working on a PSD to HTML and got to this stage that i completed all the things fine,as i know it's a start so i did bad CSS programming but slowly slowly will learn if you people help me so i will get succeed.so here is the index file please check must that why there is alot of white space after the footer,and how to remove that white space?

the index file : http://www.webngraphicssolutions.com/urgent_psd/index.html

waiting for your replies..

Answer 1

#footer {
background-image: url(../images/footer_back.png);
background-repeat: no-repeat;
background-position: bottom;
overflow: hidden;
position: relative;
top: 1250px;// Remove this
padding: 150px 150px 150px 150px;

In your style.css file remove top:1250px inside #footer

Even if you dont remove this, you can change the value to something to your requirement, probably less than 100px

Answer 2

#footer {
    background-image:url(../images/footer_back.png);
    background-repeat:no-repeat;
    height:100px;
    background-position:center top;
    overflow:hidden;
    position:relative;
    top:1250px;
    padding: 100px;
    margin:0;
}

As I see in your code, you are using a lot of padding in all the four sides (therefore, including bottom). Try this instead: padding: 100px 100px 100px 0; and perhaps: background-position:center bottom;