Resolver Resolucion de Pantalla.

chcma · #1 (**permalink**) 20/11/2003, 11:46

Buenas Tardes Amigos.

Verán, tengo un pequeño problema, resulta que he creado una web en mi equipo que como mucho solo soporta '800 x 600', y claro, ahora resulta que cuando se mira con una resolución
de '1024 x 768' pues se ve mal.

¿Alguien sabe si hay alguna manera de poner un codigo para que dependiendo de la resolución del cliente la vea de una forma o de otra?

La dirección de la pagina es: http://www.ponzoniaagresiva.es.vg

Si se fijan, arriba a la derecha tengo un pequeño contador, que si
se tiene la resolución '800 x 600' se ve, pero si esta la otra, hay
que seleccinarla con el mouse, ya que el texto está en la zona
negra.

Bueno, espero haberme explicado y que puedan ayudarme, muchas gracias.

Kaopectate · #2 (**permalink**) 20/11/2003, 13:54

Hola chcma.

Lo usual (o lo que yo hago) es poner como primer elemento de tu página una tabla que abarque el 100% del espácio y dentro de ella otra tabla de ancho digamos que 720 centrada de modo que tengas el efecto de este sitio, el cual si lo ves en 800 x 600 abarca todo el espacio, si la resolución es mayor, entonces aparecen márgenes a los lados.

Esta solución que te planteo es netamente HTML, ahora bien, podrías detectar la resolución de la pantalla del cliente y mostrar uno u otro diseño, eso si sería JavaScript, pero te verías obligado a hacer varias páginas lo que me temo no es tu idea.

Saludos.

Gpastor · #3 (**permalink**) 21/11/2003, 17:17

Hola muchachos.....
Lo que yo hago no es recomendable para el usuario pero resuelve el problema del programador en cuanto a visualiacion, es asi:

<script language="javascript">
function resolucion(){
if (window.screen){
var w = screen.width;

if(document.all){
if(w >= 740 && w < 835){

window.moveTo(0,0);
if (document.all) {
top.window.resizeTo(screen.availWidth,screen.avail Height);
}
else if (document.layers||document.getElementById) {
if (top.window.outerHeight<screen.availHeight||top.wi ndow.outerWidth<screen.availWidth){
top.window.outerHeight = screen.availHeight;
top.window.outerWidth = screen.availWidth;
}
}
}

if(w >= 835){
window.resizeTo(800,600);
}
}

}
}

<body resizable="no" Onload="resolucion()" Onresize="window.resizeTo(800,600)">

Esto te reduce la ventana del navegador, es una solucion que hice con una web, espero te sirva.