Detectar resolucion de pantalla

Hola
sabe alguien de algun codigo y como se usa en el hosting para poder hacer q nuestra web detecte la dimension de la pantalla del usuario u adpltarse a ella?
yo se q es con java script


encontre este cogido:
<script language="javascript">if(screen.width < 1024 && screen.height < 768){
document.write("Tu resolución es " + screen.width + " x " + screen.height + "<br>Lo siento pero esta página esta optimizada para una resolución de 1024 x 768 pixeles. Aumenta tu resolución para poder entrar a tú página";}
</script>

pero no se como usarlo

gracias

Pues sólo pegalo en la página donde quieras que salga, dentro de un párrafo, o donde tu quieras......

Por cierto ese código tiene errores, revisa este:

Código :

<script language="javascript">
if((screen.width < 1024) && (screen.height < 768)){
document.write("Tu resolución es " + screen.width + " x " + screen.height + "<br>Lo siento pero esta página esta optimizada 

para una resolución de 1024 x 768 pixeles. Aumenta tu resolución para poder entrar a tú página");
}
else
   document.write("Tienes la resolución correcta");
</script> 

Ahora para adaptar tú página a la resolución del usuario, entonces usa porcentajes dentro de tu web, por ejemplo:

Código :

<div style="width: 200px;">Hola</div>

Crearía un layer de 200 píxeles , que en resoluciones muy grandes se vería muy chico y en resoluciones pequeñas se vería muy grande, así que en lugar de eso puedes usar porcentajes...

mira lo que me encontre estos dias:
es para detectar la resolucion de tu web y asi te redirecciona a la que tengas optimizada para cierta resolucion....


http://www.cmg02.com/webmasters/screenredirect.htm

lo ideal es usar 800X600, solo asi lograremos que la mayoria use esa resolucion y la mayoria la usara si la mayoria de las webs usan la resolucion que usa la mayoria.

Pd: Notastes que dije mayoria solo 4 veces?

Lo ideal es no usar ese tipo de "trucos" para sus webs. Sino hacer 1 sola web bien hecha para que se vea bien en cualquier monitor, y no tener que hacer 10 diseños para que se vea bien en 480x640 , 800x600 , 1024x768 o 1600x1200 .

the_NEO_JP escribió:

Muy bien dicho ...pero cual es la mejor forma

Sephirot escribió:

usablemente esto es PÉSIMO. como diseñadores no podemos requerirle al usuario una resolución, una conexión a internet rápida o un navegador en específico. una vez más: los diseñadores tenemos que adaptar el sitio al usuario; no al revés.

ahora, sobre la duda, en javascript las propiedades screen.width y screen.height devuelven los valores de resolución.

como dice neo, es lo obvio hacer un sitio bien diseñado. para eso se utilizan estándaras, chequen los tutoriales de css, naveguen por css zen garden, style gala y demás sitios css para que vean su potencial, podemos hacer un diseño líquido que se adapte automáticamente a la resolución del usuario. las limitantes con css (bien diseñado, claro) son casi infinitas

http://www.cristalab.com/blog/26476/estadisticas-de-cristalab-para-disenadores-web#ultimo

eso te dara una buena idea de lo que tienes que hacer

este post es viejo