body { padding-top: 70px; } html, body { height: 100%; /* The html and body elements cannot have any padding or margin. */ } .wrap { min-height: 100%; height: auto !important; height: 100%; /* Negative indent footer by its height */ margin: 0 auto -120px; /* Pad bottom by footer height */ padding: 0 0 60px; } .footer { height: 60px; padding: 15px; margin-top: 60px; background-color: #ddd; }