cambiar css dependiendo resolución de usuario

[eriq_gd]

me encontre y modifique este script para hacer lo que quiero

Código:

<script language="JavaScript" type="text/JavaScript">
var height=0; var width=0;
if (self.screen) {     // for NN4 and IE4
width = screen.width;
height = screen.height}
else
if (self.java) {   // for NN3 with enabled Java
var jkit = java.awt.Toolkit.getDefaultToolkit();
var scrsize = jkit.getScreenSize();
width = scrsize.width;
height = scrsize.height; }
document.writeln("<link href=")
if (width < 1024 && height < 768) {
document.writeln('"screen800.css"') }
else {
document.writeln('"styles.css"')}
document.writeln(" rel="stylesheet" type="text/css" />")
</script>

la idea es que en screen800.css tengo unos estilos parcheados para que me arreglen unas cosillas en monitores menores a 1024*768.

pero no me funciona... alguna idea ?

[ronnieb]

Que error te da?
Probaste mostrar un mensaje de width y height a ver cuanto le da?

[eriq_gd]

Gracias por responder ! :)

lo que pasaba es que no me mostraba los estilos

buceando en la web me encontre este otro mucho mas corto y si funciona

Código:

<script type="text/javascript">
if (window.innerWidth < 1024) {
  document.write('<link rel="stylesheet" type="text/css" href="screen800.css">');
}
</script>

pero como siempre hay un pero...
el navegador preferido por todos... como siempre no hace caso

como lo puedo adaptar para que Explorer 6&7 lo asimilen ?

sera mejor hacer esto mediante algun lenguaje de servidor ?