Das ist ein test von html5 elementen und die umsetzung in den ie versionen vor ie 9.
Dazu verwende ich ein Javascript,das die Elemente
nav
header
footer
section
mark im IE 7 und IE 8 erzeugt!
document.createElement('nav');
Das Binde ich als ie-html5.js in meine Seite ein.
document.createElement('header');
document.createElement('footer');
document.createElement('section');
document.createElement('mark');
Damit der ie 7 die zeilenabstände korrekt darstellt benötigen wir eine seperate regel die nur von den ie`s ausgeführt wird.
Diese Regel lautet
.iefix{
zoom:1;
}
Diese Anweisung hat auf andere Browser keine Auswirkung!
zoom: 1; gibt allen Elementen Layout.Das ist nötig da Microsoft seinem IE 7 für bestimmte Elemente automatisch ein »Layout« verpasst hat,
und es wird stillschweigend hinzugefügt.
Das wird hier sehr gut beschrieben und ein versuch unternommen das alles zu erklären.
Was die Microsoft Entwickler dabei geritten hat wird uns wohl für immer verborgen bleiben....
Microsoft hat aber anscheinend dazu gelernt und setzt im IE 9 fast alles Richtung um,es gibt fast gar keine Darstellung Probleme!
Es werden auch einige HTML 5 Elemente korrekt angezeigt!Diese Seite wird im IE 9 korrekt angezeigt.