Deteccion de resolucion de pantalla con css

[juyce]

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.

[PascalC]

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

[juyce]

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.

[PascalC]

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;}