How Do I Fix A Flexbox Sticky Footer In IE11

html css internet-explorer flexbox sticky-footer
Undistraction picture Undistraction · Aug 5, 2015 · Viewed 13k times · Source

I have created a sticky footer using flexbox. It works in all browsers apart from IE11.

Codepen

Why is it breaking in IE11 and how can I fix it?

Answer

Timofey Orischenko picture Timofey Orischenko · Jan 16, 2017

Try

flex: 1 0 auto;

for content block

Related questions

Flex-direction column makes flex items overlap IE11

I'm running into an issue using flexbox in IE11. When using flex-direction: column the flex-items overlap: In other browsers (chrome, safari) it looks like this: I've made a codepen to demonstrate the issue: http://codepen.io/csteur/pen/XMgpad What …

Read More
Hide scroll bar, but while still being able to scroll

I want to be able to scroll through the whole page, but without the scrollbar being shown. In Google Chrome it's: ::-webkit-scrollbar { display: none; } But Mozilla Firefox and Internet Explorer don't seem to work like that. I also tried this …

Read More
Div with horizontal scrolling only

I have a fixed width DIV containing a table with many columns, and need to allow the user to scroll the table horizontally within the DIV. This needs to work on IE6 and IE7 only (internal client application). The following …

Read More