[CSS]Wybór CSS'a na podstawie rozdzielczości ekranu Opcje

[-talbot-]

Witam,

Mam przygotowane trzy CSSy do 3 różnych rozdzielczości ekranu. Chcę pobrać od użytkownika informację o tym jakiej używa obecnie rozdzielczości i na tej podstawie użyć odpowiedni css do strony. W jaki sposób to zrobić? NIE CHCE PRZEKIEROWANIA DO OSOBNYCH PLIKÓW HTML. Wszystko musi znajdować się w JEDNYM pliku 'index.html'.

Z góry dziękuję za pomoc (IMG:style_emoticons/default/wink.gif)

[-talbot-]

Kurczę, nie bardzo mi chce działać to z JS... coś chyba źle robię...


<link rel="stylesheet" type="text/css" href="main.css" >
<link id="size-stylesheet" rel="stylesheet" type="text/css" href="narrow.css" >

<script type="text/javascript">

function adjustStyle(width) {
width = parseInt(width);
if (width = 1920) {
$("#size-stylesheet").attr("href", "screen_1920.css");
} else if ((width >= 701) && (width < 900)) {
$("#size-stylesheet").attr("href", "css/medium.css");
} else {
$("#size-stylesheet").attr("href", "css/wide.css");
}
}

$(function() {
adjustStyle($(this).width());
$(window).resize(function() {
adjustStyle($(this).width());
});
});

</script>

TO wszystko oczywiście w headzie.