Buenas compañeros.
Estoy haciendo una web y segun el navegador y resolución aplico unos estilos u otros.
La prueba que hago es: misma pagina la pruevo en firefox y en explorer con resoluciones de 1024 de ancho de pantalla. y PERFECTO.
Pero cuando llego a resoluciones de 1280 de ancho de pantalla, en firefox me pilla el csss PERFECTAMENTE, y el explorer se empeña en decir que tengo de ancho 1024. Por lo tanto me aplica los otros css y no los de 1280.
El codigo que uso para hacer esta distinción es el siguiente:
Código HTML:
<script language="JavaScript1.2">
if ((screen.width == 1280) || (screen.width == 1440) || (screen.width == 1400)) {
document.write('<link rel="stylesheet" type="text/css" href="../wga_f_estaticos/wga_f_css/1280.css">');
} else{
document.write('<link rel="stylesheet" type="text/css" href="../wga_f_estaticos/wga_f_css/1024.css">');
}
</script> Siempre me salga el segundo css cuando el ancho de la pantalla o resolución es de 1280. Hay algo en el codigo de javascript que en explorer no funcione correctamente y por eso ponga directamente la de 1024?¿?¿ He probado a ponerle alerts, para saber el screen.with que coje, y con explorer solo me coje 1024... no sé porqué
y lo tengo que tener para el lunes como muy tarde para la noche, no se que hacerr!!
A alguien se le ocurre que podría hacer?? o de que otra manera mirar la resolución?¿?¿
Gracias de antemano y un saludo.