0

There is a lot of things in my web project that doesn't work on IE 11. I have tables inside of divs and that div have display: flex inside. They are shown well on all platforms but IE 11. In IE 11 seems to have height: 1px due to I don't really reach to see the table well.

I have another div that owns a table that I set invisibility hidden calling a function at the beginning of the rendering (not static, just check a state and then apply or not if it should be hidden or not) and I had checked by logs that should be hidden and it still appears like the other table.

I use this.myDivTableContent.style= 'visibility: hidden'; to hide it that works perfectly in all other browsers.

I don't know what I have done bad but since I decided to see how in IE 11 works is like all project visual interface will have to be changed if I want to make work on it.

I let you 2 pictures to see the diff with chrome and IE 11.

CHROME:

enter image description here

IE11: enter image description here

Laczkó Örs
  • 1,082
  • 1
  • 18
  • 38
SmoggeR_js
  • 2,950
  • 4
  • 22
  • 52
  • Possible duplicate of [Flexbox and Internet Explorer 11 (display:flex in ?)](https://stackoverflow.com/questions/21600345/flexbox-and-internet-explorer-11-displayflex-in-html) – Matthew Barbara Sep 23 '19 at 12:11

1 Answers1

3
display: flex is partially supported by IE11.

When in doubt, you can use the site: https://caniuse.com/#search=display%3Aflex

You can use tables to avoid using flex

Look at this : https://css-tricks.com/complete-guide-table-element/

You can also try some polyfill like this :

You should change all you'r view but it will be a little more easy.

Enzo B.
  • 2,341
  • 1
  • 11
  • 33
  • This is and absolute disaster for me, I have been programming the page months and now I have to change all my views removing display: flex just to make IE works. – SmoggeR_js Sep 23 '19 at 13:47
  • Compatibility with IE is the worst nightmare.. Good luck with that. – Enzo B. Sep 23 '19 at 14:17
  • 1
    You can try some polyfill like this : https://github.com/jonathantneal/flexibility You should change all you'r view but it will be a little more easy. – Enzo B. Sep 23 '19 at 14:18
  • Thanks but I don't think I could use it, I prefer not to use anything more linked with Flex xD – SmoggeR_js Sep 23 '19 at 14:55