How to use Order in IE9?

Question

I have a problem with the following CSS:

-ms-flex-order: -1;
-webkit-order: -1;
order: -1

We use this to put a generated Box before another one with different Content. But this solution dosnt work in IE9 :( I need a solution with pure CSS because we cannot change the Layout of the Generated Box.

@JohnConde sadly 40 % of all Visitors of this Website uses this Browser :( — , Jul 31 '17 at 20:17
You could try to change it's position by using `float`. But with flexbox in IE9 i don't see anything beside a polyfill which could help you. — cyr_x, Jul 31 '17 at 20:21
Interesting that you mention `order` doesn't work for you in IE9. And the rest of the flexbox layout does? You've probably got everything stacked in a column, so it appears flex is working, but it's just block layout. — Michael Benjamin, Jul 31 '17 at 20:24

score 0 · Accepted Answer · answered Jul 31 '17 at 20:21

Flexbox is not working in IE9. You need at least IE10. So no pure CSS solution for order property. You'll have to use polyfills or just apply all needed DOM manipulations via JavaScript.

Also you have an option to use floats and it might help in some cases.

How to use Order in IE9?

1 Answers1