Footer in Edge/Internet-Explorer positionieren

[Pilo]

Mit folgendem Code kann ich in Firefox und Chrome einen Footer ganz unten auf dem Bildschirm positioneren - mit Edge und Internet-Explorer nicht:

<style>
  footer {
    position:fixed;
    left: 0;
    bottom: 0;
    height: 30px;
    width: 100%;
    background-color: yellow; }
</style>
<footer>
  Lorem ipsum dolor sit amet
</footer>

 

[Pilo]

Inzwischen habe ich entdeckt, daß im Fullscreen-Modus auch Edge und Internet-Expöorer den Footer darstellen können. Will man nur einen Teil des Bildschirms gebrauchen, so muß man die Höhe erstmal korrigieren.