CSS flexbox not working in IE10

by

Flex layout modes are not (fully) natively supported in IE yet. IE10 implements the “tween” version of the spec which is not fully recent, but still works.

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes

This CSS-Tricks article has some advice on cross-browser use of flexbox (including IE):
http://css-tricks.com/using-flexbox/

edit: after a bit more research, IE10 flexbox layout mode implemented current to the March 2012 W3C draft spec: http://www.w3.org/TR/2012/WD-css3-flexbox-20120322/

The most current draft is a year or so more recent: http://dev.w3.org/csswg/css-flexbox/

More Related Contents:

  1. Text in a flex container doesn’t wrap in IE11
  2. Flex auto margin not working in IE10/11
  3. In CSS Flexbox, why are there no “justify-items” and “justify-self” properties?
  4. Vertical Align Center in Bootstrap 4 [duplicate]
  5. Chrome / Safari not filling 100% height of flex parent
  6. What are the differences between flex-basis and width?
  7. Bootstrap align navbar items to the right
  8. Aligning grid items across the entire row/column (like flex items can)
  9. Make flex-grow expand items based on their original size
  10. How can I get FF 33.x Flexbox behavior in FF 34.x? [duplicate]
  11. CSS rotate property in IE
  12. How can I make Flexbox children 100% height of their parent?
  13. Scrolling a flexbox with overflowing content
  14. IE 6 & IE 7 Z-Index Problem
  15. Flexbox alternative for IE9
  16. Height 100% on flexbox column child [duplicate]
  17. Bootstrap dropdowns menus appearing behind other elements – IE7
  18. What bug does zoom:1; fix in CSS?
  19. CSS transitions with calc() do not work in IE10+
  20. CSS rounded corners in IE8
  21. CSS Blur in IE 11
  22. React native text going off my screen, refusing to wrap. What to do?
  23. On IE CSS font-face works only when navigating through inner links
  24. How to use safe center with flexbox?
  25. Why isn’t my justify-content property working?
  26. How to stretch children to fill cross-axis?
  27. Issue when centering vertically with flexbox when heights are unknown
  28. Do I not understand the flex-grow property?
  29. with an inner not triggering :active state in IE 8
  30. filter: blur(1px); doesn’t work in Firefox, Internet Explorer, and Opera

Leave a Comment