Ask Your Question

How do I make "ground" (the footer) always on the bottom?

asked 2012-07-25 07:15:41 -0600

Joseph's avatar

updated 2012-07-25 15:25:16 -0600

On short pages, the "ground" element (the footer) hovers, and isn't right at the bottom. How can I fix this?

Edit: See screenshot below:

image description

edit retag flag offensive close merge delete


I'm not sure you'd want it always at the bottom. What are you going to do when page is long?

Evgeny's avatar Evgeny  ( 2012-07-25 16:06:23 -0600 )edit

When the page is long, it shouldn't show until you scroll down. :)

Joseph's avatar Joseph  ( 2012-07-26 12:47:33 -0600 )edit

Yeah, that's ideal but harder to implement. We'll get to the adaptive design though - it's a must to support display in mobile devices.

Evgeny's avatar Evgeny  ( 2012-07-26 21:11:54 -0600 )edit

1 Answer

Sort by ยป oldest newest most voted

answered 2015-01-07 10:14:25 -0600

madaerodog's avatar

Place this in the extra.css (found in askbot/media/style) as a quick, clean workaround to have a nice sticky footer:

html {
    position: relative;
    min-height: 100%;
body {
    margin: 0 0 100px; /* bottom = footer height */
#ground {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100px;
    width: 100%;
edit flag offensive delete link more

Your Answer

Please start posting anonymously - your entry will be published after you log in or create a new account.

Add Answer

Question Tools


Asked: 2012-07-25 07:15:41 -0600

Seen: 1,851 times

Last updated: Jan 07 '15