Resolucion De Pantalla.

epa2 · #1 (**permalink**) 30/07/2002, 10:08

Bueno bueno, el novato vuelve al foro je je.

Te comento el problema que tengo.

Estoy diseñando una web a 800x600 y le dije el otro día a un amigo que le echese un vistazo pa ver como estaba quedando y la criticasen, etc etc, bueno, tu ya me entiendes, je je.

El caso es que me dijo que en su casa con el monitor de 17 pulgadas y a una resolución de 1024x768 dice que se descuadra todo....

Cita:

¿que puedo hacer para evitar esto? por que yo quiero seguir diseñando la web con la resolución de 800x600?

¿no hay ningun script que te detecte la resolución y te lo cambie?

Espero tu respuesta.

Salu2
ByE

unKnown · #2 (**permalink**) 30/07/2002, 17:04

para mi lo mas sencillo es usar una tabla de 735px en desde la cual enpiezas a diseñar y al final tienes una pagina totalmente funcional para 800*600 y en resoluciones mayores miraras todo en un cuadro centrado o en una orilla

<center><hr size="1" width="100%" noshade><a href=javascript:MsgrApp.LaunchIMUI('gpa36@hotmail. com')>
<strong><font face="courier new" color="#666666" size="2">Contact Me?[/CODE]</strong>
<IMG SRC="http://woertman.org:8080/msn/gpa36" border="0"></A></ce

KarlanKas · #3 (**permalink**) 31/07/2002, 02:28

Karlankas al rescatee!!!

Lo que dice maltos es la solución, quedará mejor que nada, pero si quieres puedas poern esto en todas tus páginas:
[CODE]
<html>
<head>
<title>Bienvenido</title>
</head>
<body onresize="window.resizeTo(800,600);return false;">
<script>
if (screen.width>800){window.resizeTo(800,600);};
</script>
</body >
</html>

Código:

Y así siempre la página será de 800x600 se ponga como se ponga el que la visite.

Por cierto, ¿qué queda de PAIs? el terremoto tranquilo, no? contestame en Piramide de fotos para no mezclar.

epa2 · #4 (**permalink**) 31/07/2002, 03:40

Hola,
¡¡¡cuanto tiempo sin vernos!!!!
bueno, mira muchas gracias por la ayuda.

Voy a ver como queda la página en una tabla de 750 de aancho, pero en fin, gracias también por el script.

Voy a probar los dos sistemas y luego te digo.

Salu2
ByE

epa2 · #5 (**permalink**) 31/07/2002, 09:55

He probado los dos sistemas, karlakas, tu script es bueno, lo que me pareche es que es muy radical y fuerte "manipular" el monitor del visitante a esa resolución.

Me agrada el diseño de la página con la tabla a 750 pixel de ancho, pero me preocupa el color blanco de la página que queda alrededor.

¿alguien tiene una sugerencia?

Espero tu respuesta.

Ahora tengo bastante trabajo si quiero cambiar todo mi web a una tabla de 750 pixel de ancho.

Salu2
ByE

KarlanKas · #6 (**permalink**) 31/07/2002, 11:39

Para meterlo en una tabla nada hay más fácil!

Pones justo debajo del body (en el body pones:<BODY BGCOLOR="black">):
<table style="position:absolute;top:0px;left:0px;wid th:750px;height:100%;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;border:none;background:el color que quieras">
<tr>
<td>

Y justo antes del </body>
pones </td></tr></table>

epa2 · #7 (**permalink**) 31/07/2002, 12:00

Por la tarde estuve viendo el tema de la resolución de pantalla del eva, he hecho pruebas con
monitores de 14, 15 y 17 pulgadas respectivamente, y buenas noticias, , el problema se
debe al diseño que hemos cogido como imagen de fondo de la página.

Al tratarse de una imagen más pequeña que la misma página esta tiende a repetirse hasta
cubrir el ancho de la página,

la solución está en que hay que retocar la imagen para que no se repita

Lo que si he hecho en todas las páginas abajo del todas las páginas he
incluido el consejo de que la página se ve mejor a 800x600

lolaila · #8 (**permalink**) 31/07/2002, 12:44

Lo de la tabla a 750 px es una solución.
Pero si tienes menú y todo eso, yo aconsejo hacer un sistema de marcos (un frameset), con porcentajes de pantalla. Así todas las webs me quedan la mar de chulas ;)
cambiarle la configuración del monitor al ususario nunca me ha parecido buen remedio...es muy fuerte.... :P

pd: si quieres que la imagen de fondo no se te repita, dale unas propiedades de estilo al body para fijarla. Escribe antes de </head>:

<style>
body
{
background-image:
url(foto.gif);
background-repeat: no-repeat;
background-position: center center
background-attachment: fixed;
}
</style>

foto.gif es la imagen
en "background-position:" le estamos diciendo que la imagen la mantenga siempre centrada, en vertical y en horizontal

Laura :)

epa2 · #9 (**permalink**) 01/08/2002, 02:38

Bueno, voy a probar ambas sugerencias. luego te digo.

epa2 · #10 (**permalink**) 01/08/2002, 05:04

Bueno, he estado haciendo miles de pruebas, je je.

Karlankas, lo de tabla funciona de maravilla, lo que pasa que no consiguo ponerle el color de fondo a la tabla, si se lo puedo poner
a una celda pero a la tabla no. dentro del estilo de la tabla he escrito background:"images/fondo.jpg"
pero no me sale el color de la tabla.

Laura(lolaila), gracias por tu scrit, realmente es verdad que no repite la imagen, lo que ocurre es
es estamos en las mismas que al diseñar con una tabla de 750 pixeles de ancho, con tu script se queda
la imagen centrada y no se repite, pero se ve en la página con resolución de
1024 los 4 margenes de color blanco, uuuuhhh

queda un poco cutre ¿no crees?

Espero tu comentario.

Salu2
ByE
Posdata: estoy pensando en utilizar el corel para evitar que la imagen de fondo a 1024 se repita, por que el problema principal es la imagen de fondo, pues la página con las letras se ve bien a 1024, un poco más chica pero bien, entonces, con el corel, quizás haciendo una especie de imagen que sea como de mosaico, al estilo de windows, evito que al aumentar la resolución, pase estas "cutrerias" je je :cantar: :cantar:

KarlanKas · #11 (**permalink**) 01/08/2002, 05:36

epa!

Si lo que quieres es poner una imagen de fondo con un color detrás debes poner en el background de el estilo de la tabla lo siguiente:

Código:

background: Black url(images/imagen1.jpg) no-repeat fixed center; }

El black cambialo por el color que quieras (incluso en código hexadecimal). Este código te pone una imagen centrada de fondo centrada sin repetirse ni moverse, sobre un fondo negro.

Espero que te sirva

lolaila · #12 (**permalink**) 01/08/2002, 13:08

creo que lo que dice Karlankas es lo correcto, epa2, pon de color de fondo del Body una tonalidad que quede bien con la imagen esa. Cualquier tipo de mosaico a mí no me gusta, la verdad.... :P