css-dateien in abhaengigkeit von browserfenster-breite einbinden

[timex]

hallo zusammen,

ich moechte gerne zwei unterschiedliche stylesheets in abhaengigkeit von der breite des browserfensters einbinden.

hierzu das folgende coding ...

<script type="text/javascript">
<!--
if (document.body && document.body.clientWidth) {
 viewport = document.body.clientWidth;
 if (viewport >= 990) {
  document.write('<link rel="stylesheet" href="css/test1024.css" type="text/css">');
 } else {
  document.write('<link rel="stylesheet" href="css/test800.css" type="text/css">');
 }
}
// -->
</script>

die css-formatierung wird einfach nicht ausgegeben. woran kann das liegen?!

fragt freundlich, timex.