Comportamento differente FF e IE7 su createElement/appendChild di style

[superpelo]

Ciao a tutti,
ho un problema con del codice js che lavora correttamente du FF ma non su IE7: il mio obiettivo è quello di impostare una regola CSS solo e soltanto se JS è attivato sul browser.

Questo il codice che ho scritto e inserito in un tag <script> nell'head di una pagina html:

var styleNode = document.createElement("style");
	      styleNode.setAttribute("type", "text/css");
	      styleNode.setAttribute("media", "screen");
	      styleNode.innerHTML = "#scroll_container{overflow:hidden; border:1px solid green;}";
	      document.getElementsByTagName("head")[0].appendChild(styleNode);

Andando a visualzzare il DOM, in FF l'elemento <style> viene effettivamente creato, in IE7 no.. e infatti sul primo funziona e sul secondo no.

Idee?

Grazie in anticipo.

[superpelo]

up

[Xinod]

leggi e prova quanto suggerito trai commenti di questa pagina
http://www.quirksmode.org/bugreports...mentstyle.html

[superpelo]

Ho provato.. ma non funziona.. infatti anche l'esempio dell'ultimo post funziona solo su FF..

Mo ammattisco...

[Xinod]

stai commettendo qualche errore, questo l' ho provato proprio ora

var styleNode = document.createElement("style");
var rule="#scroll_container{overflow:hidden; border:1px solid green;}";

    styleNode.setAttribute("type", "text/css");
    styleNode.setAttribute("media", "screen");
    
    // forse l' errore era qui:
    // appendevi alla fine, ma se setti il contenuto del nuovo style 
    // accedendovi via document.styleSheets devi prima appenderlo
    document.getElementsByTagName("head")[0].appendChild(styleNode);

    if(!!window.ActiveXObject){
        document.styleSheets[document.styleSheets.length-1].cssText=rule;
    }
    else {
        styleNode.innerHTML=rule;
    } 

ciao