je nach auflösung css einbinden

[Melanie]

hallo,

ich möchte je nach auflösung andere stylesheets in meine homepage einbinden. sie passt ab 1024x768 sowieso, aber für 800x600 möchte ich veränderungen vornehmen.

habe schon in alten beiträgen gesucht und folgende lösung gefunden. leider funzt das net so richtig. kann mir jemand sagen, was denn da net funktioniert? kenn mich mit javascript nur sehr wenig aus...
danke, melanie

<script language="text/javascript">
<!--
  if(screen.height <= 600)
    document.write('<link rel="stylesheet" href="css\normal800.css" type="text/css">');
    document.write('<link rel="stylesheet" href="css\inhalt800.css" type="text/css">');
  else
     document.write('<link rel="stylesheet" href="css\normal1024.css" type="text/css">');
    document.write('<link rel="stylesheet" href="css\inhalt1024.css" type="text/css">');
// -->
</script>