Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS How to stick footer to the bottom… Reply To: How to stick footer to the bottom…

#237163
bearhead
Participant

Here is one last idea I have to do it with just css:
http://codepen.io/kvana/pen/wMyMJJ

Basically it uses the same idea as the version I posted where the wrapping div has height:auto However, as you needed it to have a set height dimension, I wrapped it in another div with a static height and overflow-y:scroll.

You can hover the red box, and it will expand so you can see how the footer (blue bar) moves down with it.

I’m not sure how this will work with your custom scroll bar, but it’s an idea at least :| Can’t test on safari, but it does work on Firefox, so I’m pretty sure it will be ok on safari…

Your last resort would be to just brute force the position of the footer with javascript… I was experimenting with that a little, but weirdly jquery is conflicting with one of your external scripts, and I didn’t really want to get into doing it with vanilla JS.