Apparantly IE11 doesn't have a User Agent Style for <main>
and therefor no display: block;
on it. Why is there no User Agent Style? Is this a bug or on purpose?
Adding display: block;
to the main element is enough, tho.
The main
element is indeed not fully supported by IE11. Adding main { display: block; }
to your CSS is the best solution for IE9+. You don't need to make conditional comments - since display: block;
is the default behavior for main
elements, it won't mess up anything.
<main>
is about a year old, Firefox, Chrome and Safari (and other webkit browsers) support it since May this year.
<main>
element to a <div>
it fixed it which led me to this answer. If only all browsers used the same rendering engine :(
Jul 31, 2014 at 23:21
main
element was added to the HTML5 specification a bit too late in IE11's development cycle. Luckily it's an easy fix for you :)main
is also inline in the last Safari for Windows (5.1.7) and the last Presto-driven Opera (12.16). And I'm pretty sure it was until fairly recently in Firefox.