Diseño de páginas para cualquier resolución

Herkules · #1 (**permalink**) 28/06/2002, 13:08

Hola a tod@s

No se si esta duda deberia ir en este foro o en otro, pero bueno, aqui la dejo.

Estoy haciendo una pagina que tiene marcos y algunas imágenes, y la estoy haciendo en un monitor de resolucion 1024x768, el problema es que si la veo en otra resolución menor (800x600. por ejemplo), la cosa cambia, y se ven las imagenes mas grandes y "saliéndose" de los marcos (logicamente, si la diseñara en 640x480, alguien que visitara la web con un monitor de 1024x768 vería todo muy pequeño, y tampoco quiero eso), con lo cual me veo obligado a diseñar varias "versiones" de la web y usar una pagina indice con un javascript para redireccionar a otras paginas según la resolucion del monitor del visitante.

La duda que tengo es si es inevitable que eso sea así o hay algún modo de evitarlo diseñando la página para que se adapte a cualquier resolución (utilizando alguna herramienta o algo asi).

Gracias y salu2. ;)

DragonX · #2 (**permalink**) 28/06/2002, 13:12

La solución mas lógica es que la diseñes para 800x600 en tablas al 100%, de esta forma la pagina se adaptará sola a la resolución del monitor.
Diseñala mas o menos frande en 8x6 (ojo, no gigantesca!!!)...asi de esta forma wen 1024 se verá bien, no muy chica!
Salu2 ;)

#3 (**permalink**) 28/06/2002, 22:07

Herkules, ¿para qué te comes la cabeza? He visto pocos portales o páginas importantes que tengan varias resoluciones, ¿y tú? Lo mejor, hoy por hoy, es que lo hagas, como te han dicho ya, a 800*600 y uses porcentajes. O si no, a un ancho fijo de 780px. y cuando se vea a una resolución mayor quedará todo igual pero con espacio vacío a un lado o a los dos, según lo centres o no.

También puedes fijarte en los sitios grandes o en los que más te gustan y sueles visitar y hacerlo como ellos.

;)

Herkules · #4 (**permalink**) 29/06/2002, 01:59

creo que no me he explicado bien,.. la pagina tiene un marco (o frame) horizontal superior donde hay una imagen. En 1024 esa imagen se ve completa, pues el diseño lo estoy haciendo en 1024, pero si lo veo en otra resolucion menor, esa imagen "se sale" por abajo.

Por supuesto, la solución no consiste en cambiar el diseño y quitarle los marcos, pues la página la he diseñado asi, y asi la quiero dejar, por lo tanto la solución del porcentaje no me sirve. :(

¿alguna otra solución?

#5 (**permalink**) 29/06/2002, 11:18

Jó macho, pués si la imagen es de 1024 la resolución tendrá que ser a 1024, no queda otra... Aunque también depende de qué imagen sea: podrías trocearla y meter una parte como fondo de una tabla de porcentaje variable y así se adaptaría a diferentes anchos.

Pero eso, ya he dicho, depende de la imagen. ¿Por que no pones la dirección?

Herkules · #6 (**permalink**) 30/06/2002, 10:41

Dejalo, no te preocupes mas,.. por mas que lo explique seguiras sin comprenderlo. :roto:

Salu2.

tunait · #7 (**permalink**) 30/06/2002, 10:51

Herkules, si quieres hacer una versión de esa imagen en 800 te puedo pasar unas lineas de script que dependiendo de la resolución te pondra una imagen u otra.

rrufo · #8 (**permalink**) 01/07/2002, 02:54

Como te han dicho, diseñala para 800,
y ponle a todas las tablas un ancho de 100%
y cuando eas en ancho fijo el px lo borras.

Si tienes marcos puedes darle tb un tamaño
porcentual 30% y 70%.

Por ultimo respecto a la imagen, haz que le muestre la imagen de 1024 o de 800 en funcion de la resolucion del ususario.
Es verdad que casi todos utilizan 800, pera cada vez mas se utiliza la de 1024 si lo tienes con marcos como dices la paguina tpuede que dar hecha un desastre, con portes hanchas y partes en blanco.

utiliza este codigo en el marco donde tengas la imagen:

<script language="JavaScript">
if (screen.width==800)
document.write ('<body bgproperties="fixed" bgcolor="#FFFFFF" background="Cabecera800.gif" >');
else
document.write ('<body bgproperties="fixed" bgcolor="#FFFFFF" background="Cabecera1024.gif" >');
</script>