Ask Your Question
3

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

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

Joseph gravatar image

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

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

Comments

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

Evgeny gravatar imageEvgeny ( 2012-07-25 16:06:23 -0500 )edit

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

Joseph gravatar imageJoseph ( 2012-07-26 12:47:33 -0500 )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 imageEvgeny ( 2012-07-26 21:11:54 -0500 )edit

1 Answer

Sort by ยป oldest newest most voted
1

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

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

Stats

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

Seen: 1,671 times

Last updated: Jan 07 '15