[Solved] Boxes Section IE 10/11 Issue

[REMIXED+ 1]

In a normal W3C compliant browser, boxes displays beautifully. In IE 11, It gets sandwiched and layered into one narrow column. And, in IE10, it degrades well enough that I really don't mind it. However, it simply becomes a full-width column.

Any assistance in getting this to display well in Internet Exploder is greatly appreciated.

This is presently staged at factur.r3mx.com.

[Audun MB+ 17]

I had the same issue a while back. I deleted the Boxes section and replaced it with a new Boxes section with the same content, then suddenly it worked. Not a good fix, but it worked.

[REMIXED+ 1]

A.) You know as well as I do that's not an acceptable solution.
B.) If it did work, that would be lovely. But, it doesn't whether you clone, copy to clipboard or start from scratch.
C.) It's tremendously frustrating that not a single "staffer" has responded to this.
D.) Seriously. WTF?

 

[Andrew 207]

My guess is IE is improperly handling display: inline-block; 

try this 

#page .the-boxes-container.cntr {
  display: block;
}

 

If that doesn't work, then i'd next try manually setting some minimum widths to things. IE isn't handling the combo of inline-block and flexbox well

[REMIXED+ 1]

Just a heads-up: The above CSS works well for IE11. IE 10 is still stacking content. And, of course, I really couldn't care less how it looks in <10. In case you care, IE 9 breaks it quite spectacularly.

[Andrew 207]

IE9 Support for Flexbox just isn't there, there are at ~1% of total browser market and shrinking so its just not worth the time and effort to cater to it

[REMIXED+ 1]

I wholeheartedly agree about not supporting IE9. I'm actually about to dump IE 10, since it's marketshare is even less. I just looked at it for grins. Thanks for all your help.