Flexbox styling different in IE

Asked Oct 26 '17 at 17:34

Active Oct 26 '17 at 17:42

Viewed 25 times

I'm trying to build a basic button toolbar using flexbox. Everything looks exactly how I want it in all browsers except IE 11: https://jsfiddle.net/qoo5fmnv/1/

Am I doing something wrong here or is the styling I'm after not possible with IE flexbox?

Note by removing flex-direction: column from flex-container a everything looks as expected. Similarly by removing flex: 1 from flex-container span and flex-container section everything looks fine. The combination of the two together seem to be messing things up.

edited Oct 26 '17 at 17:42

asked Oct 26 '17 at 17:34

Johnny Metz

5,977
18
82
146

1

What version of IE? – SLaks Oct 26 '17 at 17:34
Added IE version above – Johnny Metz Oct 26 '17 at 17:36
1

The problem is with the `flex` property. See the duplicate. – Michael Benjamin Oct 26 '17 at 17:39

Flexbox styling different in IE

0 Answers0