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…

  • This topic is empty.
Viewing 7 posts - 16 through 22 (of 22 total)
  • Author
  • #237157

    Safari does support it with suitable vendor prefixes.

    I just didn’t include them

    .flexcroll {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;

    Still nothing changed.


    Then I’m done here.

    I can’t test on Safari and you haven’t provided a live link to demo the issue in the actual environment.


    What do you mean by “you haven’t provided a live link to demo the issue in the actual environment”?

    I don’t have the site online, but I’ve provided the codepen demoing the issue.

    Taking down your codepen also doesn’t help very much.

    I’ve always been polite and appreciative of your help.
    If you can’t, don’t know or don’t want to help anymore that’s okay, but there’s no need for the “Then I’m done here.”. That tone is unjustified and not appreciated.


    Well you’re reading something into a passing comment that wasn’t intended.

    Good luck.


    Here is one last idea I have to do it with just css:

    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.



    “Then I’m done here.” definitely sounded a bit “funky”, but if it wasn’t intended like that I apologize and retract my last comment.


    I’m having some trouble implementing that solution.
    Just as much as understanding your very minimalistic pen. :)

    Would you mind applying it to my original pen?
    I’d really appreciate it. Thanks.

Viewing 7 posts - 16 through 22 (of 22 total)
  • The forum ‘CSS’ is closed to new topics and replies.