Javascript y CSS
He insertado un scrip en mi página a fin de que en función de la resolución cargue una hoja de estilos u otra para que el diseño se amolde a las dimensiones de pantalla. No obstante, he comprobado que en el frame interno del contenido no funciona este script más que una vez (cuando se carga la página principal), es decir, al cargar otra página en el frame interno aplica la hoja de estilos por defecto sin detectar la resolución.
¿Como puedo solventar el problema?
Por si sirve de algo, el script es el siguiente:
<link href="hoja800x600.css" rel=stylesheet>
<script language="JavaScript">
var resolucion = window.screen.width;
if (resolucion==1024) document.write('<link rel="stylesheet" href="hoja1024x768.css" type="text/css">');
</script>
¿Como puedo solventar el problema?
Por si sirve de algo, el script es el siguiente:
<link href="hoja800x600.css" rel=stylesheet>
<script language="JavaScript">
var resolucion = window.screen.width;
if (resolucion==1024) document.write('<link rel="stylesheet" href="hoja1024x768.css" type="text/css">');
</script>
