sticky-footer in IE + a few extras for #28

[marcobarbosa]

Hi Philip,

So here’s a PR with a possible fix on the “sticky footer” IE behaviour regarding issue #28.

The fix is specified in commit cdfade5.

There are some few of extras too, including:

• some utf8 fixes
  I had loads of outfit problems running this site locally
• .bowerrc file
  I had the bower components installed in components/ instead of bower_components/ adding a .bowerrc fixes this issue

Let me know what you think.

[philipwalton]

Hey Marco, I'm happy to merge this in, but I'm a little hesitant to merge the utf-8 stuff and the .bowerrc file as they don't really seem needed to me.

I know that bower_components is the default location for bower, so specifying it seems unnecessary. Also, isn't utf-8 the default in Ruby 2+? And even when I was using 1.9 I never got any encoding issues.

[marcobarbosa]

Hi Phil,

I actually have ruby 2.1.2 running and bower 1.3.12 so I'm not sure how to avoid those issues. Rake wouldn't work for me without fixing the utf8 and I'd get JS errors without .bowerrc. I might something weird with my setup then.

I'll purge those commits you mentioned and update the PR soon.

[philipwalton]

Cool, this wasn't working for me in IE11, but I made a small change to the flex declaration and it took, so I'll just do that myself. Thanks for letting me know about targeting IE with a media query!

[marcobarbosa]

awesome 👍

[philipwalton]

For reference, here's the complete list of changes to make this work. I also updated the Holy Grail demo since technically that's a sticky footer layout as well.

[marcobarbosa]

Nice :)

[kidwm]

I always use @support to handle IE in this issue. just make flexbox as an enhancement.

[philipwalton]

FWIW, I'm no longer using the IE-only media query to do this. I've updated the .Site component based on some of my recent research.

[marcobarbosa]

Amazing @philipwalton !

My initial suggestion was height: 100% but you nailed it with the flex-shrink.

Thanks a lot!