MSIE 11 ein paar Beobachtungen
bearbeitet von beatovichhallo
ich habe folgende Beobachtungen beim MSIE 11 gemacht
# xhr.responseType
~~~js
_.xhr = new XMLHttpRequest();
_.xhr.responseType = 'document'; // ERROR
_.xhr.open("GET",_.sitemapUri);
~~~
Korrektur
~~~js
_.xhr = new XMLHttpRequest();
_.xhr.open("GET",_.sitemapUri);
_.xhr.responseType = 'document'; // Jetzt korrekt
~~~
Die Reihenfolge machts aus
# xhr und UTF-8
MSIE braucht die Encoding Angabe als Response header.
html charset Angaben werden nicht geparst!
~~~.htaccess
AddCharset UTF-8 .html
~~~
# Element.remove()
MSIE kennt Element.remove()
Nicht aber wenn das Element ein noscript-Element ist!
Also über node entfernen
~~~js
function removeNoscript(b,r){
r=b.querySelector("noscript");
if(r) r.parentNode.removeChild(r);
return b;
}
~~~
# typisch Beat
~~~css
main {
flex: 2 0 auto;
width:100%; /* auch wenn FF ohne auskommt, MSIE braucht es zur Zentrierung*/
max-width:55em;
margin:0 auto; padding: 1vh 1em 5vh;
~~~
# manchmal zaubert MSIE
Wer's glaubt oder nicht.
~~~css
.nav_main > div dl{
display:flex; display:
grid; grid-column-gap: 1em;
grid-template-columns: repeat(4, auto minmax(8em , auto));
justify-content: center;
}
~~~
flex führt zu einer fast identischen Darstellung in diesem Fall.
Ich bin sicher, einige der Punkte betreffen mehr meine Blödheit als MSIE.
--
<https://beat-stoecklin.ch/pub/index.html>