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…

#237138
bearhead
Participant

No, in the example I gave the page wrap and footer should be siblings that are a direct child of the body.

But I’ve been looking at your pen a little more closely, and I think the flexcroll class is causing some conflict… the yellow div is positioned absolutely, so you should be able to keep the footer at the bottom of it with:

.footer{
position:absolute;
bottom:0;
}

and letting the yellow div have a height of auto, so that it expands with the content.
However, the flexcroll class seems to be applying a set height to the div.

Here is an example without the flexcroll class:
http://codepen.io/kvana/pen/qbpLNz

Also, the sub groups are expanding but not contacting in Chrome for some reason :|