IE6 Frame to battle Chrome Frame?

So another day at work was destroyed by IE6, what else is new.

Google announced a while back that Wave won’t be supported on IE without the use of “Chrome frame”. This is basically the chrome browser injected into IE. So at Microsoft, they’re probably working hard on an IE6-frame to get some market shares back. This hypothetical addin would allow you to get the nice IE6 unexpectable rendering we all love so much in any non IE-browser. But why wait, I’ve just created a beta version of the IE6-frame. Sounds too good to be true? It’s not.

Here’s the code:

$(function() {
	$('body *').each(function(i, el) {
       ie6ize(el);
    });
    
    /*
        Emulate IE-6 rendering
        @param node, the poor node to get "the treatment"
    */ 
    function ie6ize(node){
        switch (Math.floor(Math.random()*11)) {
            case 0:
                $(node).css('float', 'left');
            break;
            
            case 1:
                $(node).css('margin-left', '10px');
            break;
            
            case 2:
                $(node).css('width', '102%');
            break;
            
            case 3:
                $(node).css('height', '110%');
            break;
            
            case 4:
                $(node).css('position', 'absolute');
            break;
            
            case 5:
                $(node).css('display', 'inline');
            break;
            
            case 6:
                $(node).css('color', '#fff');
            break;
        }
    }
});

So what does this do for me you ask? See the before and after images below.

Ajaxian before:

Ajaxian IE6-ized:

Twitter before:

Twitter IE6-ized:

If you want to use this in a commercial application, please contact me at ……. no not really