¿Como se hace para... - HTML avanzado

¿Como se hace para...

que el contenido de una pagina es acomode de acuerdo a la definicion del monitor del usuario?, he visto esto en varias paginas.

Si tienes 800x600 la pagina aparece centrada
si tienes 1024x768 aparece cargada a la izquierda, esto con el fin de que no pierda su distribucion

ya lo he intentado hacer con tablas pero no resulta
¿alguien sabe como?

#2 · ▲

RE: ¿Como se hace para...

Si que puedes hacerlo con tablas

Solo tienes que hacer que las tablas y columnas se vean con porcentaje de ventana, Me explico, haces una tabla, la principal y a esta tabla le dices que ocupe el 100% o el 90% del ancho de la ventana, dependiendo de tus preferencias, dentro de esta tabla mete todo el contenido incluidas mas tablas, si fuese necesario.

Utiliza solo porcentajes, de esta forma se adaptara a cualquier tipo de resolucion.

Tambien puedes hacer dos tipos de web, una con formato 800x600 y otra con 1024x768, pero tendras que hacer una entrada con dos enlaces diferentes segun la resolucion del visitante, para que ete elija segun su resolucion, tb hay scripts que reconocen la resolucion y mandan automaticamente al visitante a una resolucion o a otra.

Lo de que quede al lado izquierdo es por que la tabla principal no este centrada (<center>

o este alineada a la izquierda, por defecto cualquier editor la deja siempre alineada a este lado.

Saludos...

#3 · ▲

RE: ¿Como se hace para...

Por si necesitabas el script aqui te lo dejo




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

Fuente:

Saludos

#4 · ▲

RE: ¿Como se hace para...

Hola

Yo utilizo esta solucion

Creo una pagina y pongo una tabla de 780 px de ancho , centrada en la pagina, y pongo hay mi pagina

Quien ve la pagina a 1024 , vera la pagina centrada con dos bandas laterales que pueden ser del color del fondo de la pagina o ponerle un fondo a la pagina .

Quien ve la pagina a 800px , vera la pagina completamente centrada y no vera las franjas laterales.

Aunque muchos usuarios recomiendan diseñar usando porcentajes , yo prefiero pixeles.

Se que tengo 780 px para distribuirlos como quiero.

Haciendolo de esta forma , me ahorro tener que realizar 2 paginas para diferentes resoluciones y asi se que el usuario vera la pagina , como deseo que la vean.
Saludos