CODEWITHSUNDEEP
csstwitter-bootstrap
user1640228
user1640228

Reputation: 41

Twitter bootstrap footer too low

I'm using Twitter bootstrap with a template I purchased. I had to do a bit of work to get the footer to appear and look acceptable, but now it is always too low.

What I mean is, white space will always be added so that the footer is below the bottom of the screen - you always have to scroll down to see it.

Here's a link to the site. You only need to look at the homepage to see the problem.

Upvotes: 1

Views: 1225

Answers (2)

Bryan Roberts
Bryan Roberts

Reputation: 3489

The problem seems to be that you have the #wrap element set to 'min-height: 100%;'. If you are ok with the footer just being at the bottom of the content rather than the bottom of the page then removing that should be an easy fix.

Upvotes: 0

mfreitas
mfreitas

Reputation: 2405

If you want to remove the extra white spacing that is causing your page to grow more then it should, just remove:

body {
    padding-bottom: 40px;
    padding-top: 60px;
}

#wrap {
    min-height: 100%;
}

html, body {
    height: 100%;
}

If what you are trying to achiev with the footer, is to allways stick it on the bottom of the page you should follow a technique called sticky footer something like this

Upvotes: 1

Related Questions