Layout com resolução

[Tiagorj 0]

Boa tarde!

 

Fiz dois css diferentes para duas resoluções de monitor que usamos na empresa: 800 x 600 e qualquer outra maior que 1024.

Dessa forma estou utilizando o Jquery para capturar a resolução e importar o arquivo css correto. Segue o código:

 

A solução funcionou perfeitamente no Firefox. Mas no IE em algumas vesões não abre o layout. Vocês poderiam me auxiliar em um modo de acertar o layout correto?

 

$("document").ready(function(){

         var alt = screen.width;
     if(alt == 800){
           var fonte = 13;
            $('head').append("<link href='includes/resolucao_menor.css' rel='stylesheet' type='text/css'/>");
         }

        if(alt >= 1024){
            var fonte = 12;
             $('head').append("<link href='includes/resolucao_maior.css' rel='stylesheet' type='text/css'/>");

        }
});

[Ted k' 126]

Veja assim:

 

<script type="text/javascript">
$(function(){
var alt = $(window).width();
     if(alt == 800){
           var fonte = 13;
            $('head').append("<link href='includes/resolucao_menor.css' rel='stylesheet' type='text/css'/>");
         }

        if(alt >= 1024){
            var fonte = 12;
             $('head').append("<link href='includes/resolucao_maior.css' rel='stylesheet' type='text/css'/>");

        }
});
</script>