Ver Mensaje Individual
  #1 (permalink)  
Antiguo 26/05/2011, 01:53
Avatar de NaRanJiTo78
NaRanJiTo78
 
Fecha de Ingreso: noviembre-2007
Ubicación: In the BeaCh
Mensajes: 874
Antigüedad: 17 años
Puntos: 10
Pregunta Duda con Css según resolución (Javascript)

Hola!

Tengo el siguiente código, que carga un css u otro según la resolución de la pantalla del visitante:

Cita:
<script language = "javascript" type="text/javascript">
if (screen.width == 800)
document.write('<link rel="stylesheet" href="css/800x600.css" type="text/css" />');
if (screen.width == 1024)
document.write('<link rel="stylesheet" href="css/1024x768.css" type="text/css" />');
if (screen.width == 1152)
document.write('<link rel="stylesheet" href="css/1152x864.css" type="text/css" />');......etc....</script>
Este script redirige a un CSS según el ancho del monitor, pero no la altura.

Es decir, que para 1024 de ancho,me lleva al css de 1024x768.

Pero si el alto es 1024x600;1024x1280, etc...como puedo especificar un css diferente para ello?

Se puede hacer con un condicional CSS en vez de javascript?

Un saludo, muchas gracias