html - Flexbox not working in IE or mobile browsers -

I am making this website:

To stick the footer down the page, As explained, I am using CSS flaxbox; I use the display: flex , flex and flex-direction: column more specific Do to be Includes all existing legacy support and browser prefix for Flexbox.

Everything works fine in Chrome and Firefox (Chrome Mobile too), but I get all kinds of bugs in IE and default Android Browser. <

IE 11 (There are probably other versions too): Just the insects are completely out of the footer (almost) jumps at the top of the page.

Android Browser: It looks like Flex-direction has been completely ignored. The footer is displayed on the right side of the page. .

Now, first of all, tell me that these browsers do not support CSS Flexbox because they do. This is obvious when it opens in both browsers. They display the two divisions perfectly, including a flex-direction should be a different problem.

My CSS is basically the same.

Please tell me if you need any other information! Any help is appreciated!

Ok I'm able to solve it. How is this thinking for someone:

I added Flex: 0 auto; I display for the Android browser on the footer: box; and Box-Orient: Vertical to body

/ code>. It contains some missing legacy support that fixes the problem.