Forums

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

Home Forums CSS Flexbox sticky footer

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #176380
    Rocketpilot
    Participant

    I found Philip Walton’s excellent site of flex box implementations of basic layouts and have been trying to duplicate the sticky footer layout myself.

    It works very well! Except that in Safari 7.0.5, the footer does not behave as expected in straight vertical page resizes.

    Check out my replication of the technique below:

    http://codepen.io/Rocketpilot/full/f813cf7854371e211758f98de04a5e00

    Now, resize the window on the vertical axis until it’s about half its original size. Refresh.

    Then, resize the window down until it’s full size again. You’ll see in most flex box supporting browsers that the footer sticks to the bottom of the screen. In Safari, it might jump down a little, but otherwise will stay where it is.

    (Weirdly it happens more reliably when the resizing cursor is the straight up-and-down arrows, not the window corner cursor)

    Is this a known bug? Is there a workaround?

Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.