title: Flexbox not working in IE or mobile browsers
body: <p>I'm making this website: <a href="http://cycleswap.nl/" rel="nofollow">http://cycleswap.nl/</a></p>
  
  <p>To stick the footer to the bottom of the page I'm using CSS flexbox, as explained <a href="http://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/" rel="nofollow">here</a>. I make use of <code>display: flex</code>, <code>flex</code> and <code>flex-direction: column</code> to be more specific. This includes ALL existing legacy support and browser prefixes for flexbox I could find.</p>
  
  <p>Everything works fine in Chrome and Firefox (Chrome mobile too), but in IE and the default Android browser I get all kinds of bugs.</p>
  
  <p><strong>IE 11 (probably other versions too):</strong> Just bugs out completely. The footer jumps to (almost) the top of the page. <a href="http://puu.sh/gE4VI/d5e05ea71a.jpg" rel="nofollow">SCREENSHOT</a>.</p>
  
  <p><strong>Android browser:</strong> Looks like <code>flex-direction</code> is completely ignored. The footer is displayed on the right side of the page. <a href="http://puu.sh/gE5g2/8fd618226a.jpg" rel="nofollow">SCREENSHOT</a>.</p>
  
  <p>Now first of all, don't tell me these browsers don't support CSS flexbox, because they do. This is clear when opening <a href="http://www.w3schools.com/cssref/playit.asp?filename=playcss_flex-direction&amp;preval=column" rel="nofollow">this W3Schools demo</a> in both browsers. They both display the divs perfectly fine, including <code>flex-direction</code>. There must be a different problem.</p>
  
  <p>My CSS is basically identical to <a href="http://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/" rel="nofollow">this</a>.</p>
  
  <p>Please tell me if you need any other information! Any help is appreciated!</p>