Bainn wrote:
Hello,

I'm currently building a new site and waking up to the world of possibilities of flexbox. See: http://championcontainersnz.com/temp/index (work in progress). Scroll down to the Freight Services section.

The problem is, I can't get flexbox to work in IE. Seems fine in Chrome, Firefox and Opera (haven't tested Safari yet).

I've searched the internet, but I can't get any of the suggestions to work. I don't mind customising CSS if that helps.

Any information you can provide would be greatly appreciated. Thank you.

One of the [problems with IE] relates to the use in min-height. In order for flex elements to position themselves, they need to know about the dimensions of the parent. Whenever a minimum height is used, the flex elements seem to get confused and act as if no height has been set at all. Luckily there are workarounds.

In the example above we use double nesting, placing a container in a column, to fix issues. The subscribe input field and button are then placed in a grid container to position them with flex . The wondrous Philip Walton did a great job documenting Flexbugs and workarounds. Some of them will pop up below. Ready for the good news? The next version of Internet Explorer (which Microsoft labeled 'Edge’) solves about all of them! Yep, the future of Flexbox looks bright indeed.

Bainn wrote:
Thanks Wayan. I've read above this, but can't seem to get it to work for me. I'll keep researching.

Bainn wrote:
The problem is, I can't get flexbox to work in IE.

Brian Durfee wrote:

One of my clients recently complained that a page did not appear correctly in IE. I began investigating and after a few minutes realized he was using IE 8.0. The version makes a difference. To which version of IE are you referring?