@@Gunnar Bittersmann > Dem ist aber mit `main { display: block}` schnell auf die Sprünge geholfen. Im Pen ergänzt. > Das war es aber nicht. (Hab auf meinem MacBook Air keine VM, komme erst jetzt dazu, mir das mal anzusehen.) Vermutlich hängt es mit den auf [Can I use](https://caniuse.com/#feat=flexbox) genannten Bugs zusammen: {:@en} * In IE10 and IE11, containers with `display: flex` and `flex-direction: column` will not properly calculate their flexed childrens' sizes if the container has `min-height` but no explicit `height` property. * IE 11 does not vertically align items correctly when `min-height` is used. Warum IE 11 den Hintergrund des Footers halbtransparent macht, kann ich mir auch nicht erklären. Die Lösung ist simpel: ein `@supports (display: flex)`{:.language-css}-Block. IE 11 flext dann halt nicht. [Funzt.](https://codepen.io/gunnarbittersmann/pen/zWpRQR) LLAP 🖖 -- *„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“* —Kurt Weidemann

@@Gunnar Bittersmann > Dem ist aber mit `main { display: block}` schnell auf die Sprünge geholfen. Im Pen ergänzt. > Das war es aber nicht. (Hab auf meinem MacBook Air keine VM, komme erst jetzt dazu, mir das mal anzusehen.) Vermutlich hängt es mit dem auf [Can I use](https://caniuse.com/#feat=flexbox) genannten Bugs zusammen: {:@en} * In IE10 and IE11, containers with `display: flex` and `flex-direction: column` will not properly calculate their flexed childrens' sizes if the container has `min-height` but no explicit `height` property. * IE 11 does not vertically align items correctly when `min-height` is used. Warum IE 11 den Hintergrund des Footers halbtransparent macht, kann ich mir auch nicht erklären. Die Lösung ist simpel: ein `@supports (display: flex)`{:.language-css}-Block. IE 11 flext dann halt nicht. [Funzt.](https://codepen.io/gunnarbittersmann/pen/zWpRQR) LLAP 🖖 -- *„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“* —Kurt Weidemann