Foros del Web » Creando para Internet » CSS »

Deteccion de resolucion de pantalla con css

Estas en el tema de Deteccion de resolucion de pantalla con css en el foro de CSS en Foros del Web. Hola necesito ayuda sobre, como puedo detectar la resolución de pantalla con css, o bien utilizando javascript pero relacionandolo con css. Para que me entiendan ...
  #1 (permalink)  
Antiguo 31/08/2003, 00:07
 
Fecha de Ingreso: agosto-2003
Ubicación: san cristobal
Mensajes: 22
Antigüedad: 14 años, 3 meses
Puntos: 0
Exclamación Deteccion de resolucion de pantalla con css

Hola necesito ayuda sobre, como puedo detectar la resolución de pantalla con css, o bien utilizando javascript pero relacionandolo con css. Para que me entiendan les pongo mi código:

<script language="JavaScript">
if (window.screen.width <= 800)</script>
<STYLE type=text/css>
div#CentradaLL {position:absolute; top=0%; left=0%; }
</STYLE>
<script language="JavaScript">
if (window.screen.width == 1024)</script>
<STYLE type=text/css>
div#CentradaLL {position:absolute;top=0%; left=11%; }
</STYLE>

aqui trato de detectar la resolucion para que si tengo una anchura de menos o igual de 800 no centre nada de mi web y pues si tiene una resolucion igual ha 1024 centre mi web en el navegador.
  #2 (permalink)  
Antiguo 31/08/2003, 09:38
 
Fecha de Ingreso: agosto-2003
Mensajes: 499
Antigüedad: 14 años, 3 meses
Puntos: 1
Primero, sería top:0; y no =

Por otra parte no tiene sentido centrar de esta manera, yo quitaría el posicionamiento absoluto y pondría un margin-left:auto; margin-right:auto;

Tu scrfipt, si quieres que funcione, tendrás que utilizar document.write para escribir las reglas CSS
__________________
Plaza Mozilla
http://www.chevrel.org/es/noticias/
  #3 (permalink)  
Antiguo 01/09/2003, 00:52
 
Fecha de Ingreso: agosto-2003
Ubicación: san cristobal
Mensajes: 22
Antigüedad: 14 años, 3 meses
Puntos: 0
Pascal gracias por tu ayuda, pero me podrías dar un ejemplo ya en código, lo que paso soy nuevo en esto y necesito que me orienten.
  #4 (permalink)  
Antiguo 01/09/2003, 06:17
 
Fecha de Ingreso: agosto-2003
Mensajes: 499
Antigüedad: 14 años, 3 meses
Puntos: 1
if (window.screen.width <= 800) {
document.write("<style type='text/css'> div#CentradaLL {position:absolute; top:0; left:0; }</style>");
}
else if (window.screen.width == 1024) {
document.write("<style type='text/css'> div#CentradaLL {position:absolute; top:0; left:11%; }</style>");
}


Pero como decía, eso es bastante inútil, yo por ejemplo tengo una ancha de pantalla de 1280, lo que no bubre tu detección, y sería más lógico conocer el tamaño de la ventana y no el de la pantalla porque no todo el mundo maximisa sus ventanas (sobre todo los que no usan windows).

Mejor utilizar :
div#CentradaLL {margin-left:auto; margin-right:auto;}
__________________
Plaza Mozilla
http://www.chevrel.org/es/noticias/
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:48.