AdlerHTML5 Syntax und Media Queries in Internet Explorer 8 und älter
Wer sich schon länger mit HTML befasst hat, dem werden die neuen, semantischen Tags wahrscheinlich als echter Segen vorkommen. Ein Header heißt auch <header>, eine Navigation heißt <nav> und eine Sidebar findet ihren syntaktisch korrekten Platz in einem <aside>-Tag.
Doch wie so oft wäre es einfach zu schön, wenn all das einfach so funktionieren würde, denn Internet Explorer älter als Version 9 interpretieren diese Tags einfach falsch bis gar nicht, weil sie nicht zum normalen Tag-Bild gehören. Gleiches gilt für die viel gepriesenen Media Queries, die es erlauben, mehrere Stylesheets für unterschiedliche Bildschirmauflösungen einzubinden, beispielsweise für Desktop, Tablet und Handy.
Für beide Probleme existiert aber eine Lösung in Form von je einem kleinen JavaScript.
Bindet ihr über folgenden Code die beiden Scripte in den Kopfbereich eurer Seite ein, so sorgen diese dafür, dass auch die alten IE Versionen die neuen Features einigermaßen brauchbar interpretieren.
<!--[if lt IE 9]><script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
viel gelernt