Der Internet Explorer kennt das Main-Element nicht
Alle Browser interpretieren den HTML5-Tag MAIN richtig
und ich kann tolle CSS-Zuweisungen machen.
Nur im Internet-Explorer funktioniert der Main-Tag einfach nicht...
Egal ob man ein CSS-Class zuweist oder den Tag direkt mit CSS-Stylesheet deklariert.
Der Internet Explorer macht was er will
und läuft einfach drüber,
er ignoriert einfach die CSS Zuweisungen, bzw. den ganzen HTML5-Tag MAIN.
Ich habe verschiedene Lösungsansätze getestet.
Aber der Microsoft-Internet-Explorer tut so,
als würde es den MAIN-Tag gar nicht geben.
Selbst diese Methode für ältere Browser hilft nicht,
auch nicht, wenn man die für den IE11 oder andere IE-Versionen anpasst:
<!--[if lt IE 12]>
<script>
document.createElement('header');
document.createElement('main');
document.createElement('nav');
document.createElement('section');
document.createElement('article');
document.createElement('aside');
document.createElement('footer');
</script>
<![endif]-->
oder selbst diese Kompatibilitäts deffinition hilft leider auch nicht:
<!--[if lt IE 12]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
einzig und allein,
funktioniert es nur dann richtig im Internet Explorer,
wenn man die nötigen CSS Zuweisungen in einen normalen DIV Container einpackt.
Lösungs Beispiel zum Main-Tag im Internet-Explorer,
mit Hilfe eines weiteren DIV containers:
<div class="mainArea">
...hier dann den MAIN-Tag einbetten für die anderen Browser....
</div>