Darstellung im Internet Explorer

[molily]

Hi!

Das geht leider nicht :( ich brauche eine javascript-Lösung für mein Problem.

Du kannst keinen CSS-Code in die Seite einfügen, aber JavaScript-Code…? Kurios.

Vielleicht gibt es eine javascript-Lösung, die der Internet Explorer 9 auch darstellen kann?

Du könntest mit JavaScript ein style-Element erzeugen, was die Media Query in ganz normalem CSS enthält.

<script>  
[code lang=javascript]// Selbstausführende namenlose Funktion, damit unsere Variablen nicht global sind  
(function () {  
  // Der CSS-Code in einem JavaScript-String  
  var css = "@media screen and (min-width: 1440px) { #container, #accordion { display: block; } } /* usw. */";  
  // Erzeuge style-Element  
  var style = document.[ref:self812;javascript/objekte/document.htm#create_element@title=createElement]('style');  
  // Hänge Textknoten mit dem CSS-Code an  
  style.[ref:self812;javascript/objekte/node.htm#append_child@title=appendChild](document.[ref:self812;javascript/objekte/document.htm#create_text_node@title=createTextNode](css));  
  // Hänge style-Element ins head-Element ein  
  var head = document.[ref:self812;javascript/objekte/document.htm#get_elements_by_tag_name@title=getElementsByTagName]('head')[0];  
  head.appendChild(style);  
})();

</script>[/code]

(Ungetestet)

Es geht auch etwas komplizierter über die Schnittstelle document.styleSheets, die das Ändern und Erweitern der bestehenden Stylesheets erlaubt (ob mit <style> oder <link rel="stylesheet"> eingebunden).

Viele Grüße
Mathias