resolucion+cambio

eriso79 · #1 (**permalink**) 05/03/2003, 14:45

soy nuevo en esto de paginas web con javascript

tengo una pagina con varias tablas y yo lo hise con una maxima resolucion en mi pantalla
y se muy fea con otro resolucion mas pequeña
como le hago para poder cambiar la resolucion o cambiar el tamaño de las tablas

de ante mano gracias ....

TurKa · #2 (**permalink**) 10/03/2003, 15:20

Tienes varias opciones:

1.- Asignarle a cada tabla (a la vez a cada celda) un ancho expresado en porcentajes. De esta forma, el ancho en pantalla de cada tabla será siempre el mismo independiente de la resolución.

Ejemplo: <table widht="100%"> y lo mismo con las celdas.

2.- Crear una página diferente para cada tipo de resolución (es más trabajo y menos recomendable, para mi forma de ver las cosas).
Si haces esto, puedes redireccionar al usuario según la resolución:

Código:

<!-- Esta debería ser tu página de inicio -->
<!-- Modificar únicamente las direcciones url -->

<html>

<head><script LANGUAGE="JavaScript">

function redireccionar() {
var url640x480 = "http://www.tu-sitio.com/640x480";
var url800x600 = "http://www.tu-sitio.com/800x600";
var url1024x768 = "http://www.tu-sitio.com/1024x768";
if ((screen.width == 640) && (screen.height == 480)) 
window.location.href= url640x480;
else if ((screen.width == 800) && (screen.height == 600))
window.location.href= url800x600;
else if ((screen.width == 1024) && (screen.height == 768))
window.location.href= url1024x768;
else window.location.href= url640x480;
}

</script>

<title></title>
</head>

<body onLoad="redireccionar()">
</body>
</html>