White Space Below Webpage

[akhilo2000]

Hi there I hope someone can really help me out with this. I have been building a website for my business, however, there is a white space at the bottom of the footer which i cant seem to get rid of. I will post the CSS, Its rather long but I hope you can bear with it.

CSS:

/*********************************************************************************/
/* Footer */
/*********************************************************************************/

#footer {
position: relative;
height: 518em;
line-height: 5em;
margin: 0;
background: #39454b;
color: #FAFAFA;
overflow: hidden;
margin-bottom:-7em;

}

    #footer a {
        color: #fff;
    }

        #footer a:hover {
            color: #fff;
        }

    #footer .actions {
        position: absolute;
        left: 1em;
        top: 0.25em;
        height: 5em;
        line-height: 5em;

    }

        #footer .actions li {
            font-size: 1.25em;
            margin: 0;
        }

            #footer .actions li a {
                padding: 0.5em;
            }

    #footer .menu {
        position: absolute;
        right: 5.5em;
        padding-left:3.8em;
        top: 30px;
        line-height: 1.2em;
        margin-top: 7em;
        margin-left: 2em;
        margin-right:1em;
        margin-bottom:0

    }

        #footer .menu li {
            font-size: 1em;

        }

[Atelierbram]

Could be you are missing a reset, so maybe try:

* {
  margin: 0;
  padding: 0;
}

Which is just a wild guess of course, when all that we have is a codedump of CSS. Can you send a link of the live site, or maybe upload one page of it somewhere on the interwebs?

[Paulie_D]

Codedumps…BAD

Ditto…absolute positioning..mostly.

:)

[Author]

Posts