Ask Your Question

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

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

Joseph gravatar image

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 gravatar image Evgeny  ( 2012-07-25 16:06:23 -0600 )edit

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

Joseph gravatar image 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 gravatar image 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 gravatar image

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,777 times

Last updated: Jan 07 '15