Darstellung "background-image" im Firefox aber nicht im IE

[MrMurphy1]

Hallo

warum setzt du nicht flexbox ein wenn du eh' schon HTML5 nutzt? Das ist doch genau für solche Wünsche erdacht worden. Außerdem könntest du deine Seite viel flexibler machen, zum Beispiel auf die starren 1200px verzichten.

Du kannst ja mal dein CSS durch das folgende ersetzen:

      body {
         margin: 10px auto;
         padding: 0px;
         width: 1200px;
         font-family: sans-serif;
      }
      header {
         background: fuchsia;
         border: thin blue solid;
      }
      #navtop {
         background: fuchsia;
         text-align: center;
         list-style: none;
      }
      #navtop li {
         display: inline;
      }
      main {
         background-color: fuchsia;
         display: flex;
      }
      #navmain {
         width: 20%;
         padding: 10px;
         background-color: aqua;
      }
      article {
         width: 60%;
         padding: 10px;
         border-left: 2px white solid;
         background-color: green;
      }
      aside {
         width: 20%;
         text-align: center;
         padding: 10px;
         color: #FFDF00;
         font-weight: bold;
         background-color: maroon;
      }

Mit flexbox könntest du auch in der #navtop auf die senkrechten Striche als li-Element verzichten, die dort nun mal gar nichts zu suchen haben.

Gruss

MrMurphy