Footer immer ganz unten?

[Gunnar Bittersmann]

@@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 genannten Bugs zusammen:

• 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)-Block. IE 11 flext dann halt nicht. Funzt.

LLAP 🖖