eleccion de las unidades de medida

[oms02]

Hola a todos.

Estoy haciendo una pagina web y ahora que me encuentro en la parte del diseño me estoy encontrando con un gran problema.

Trabajo desde un portatil con una resolucion de pantalla 1280X800. Supongo que podeis adivinar la cara que se me quedo cuando probe a cambiar de resolucion para ver como se veria

Estuve echando un ojo a este problema y he encontrado dos posibles soluciones:

1) hacer varias paginas de cada pagina, segun la resolucion del usuario (la cual no me gusta nada, debido a la gran cantidad de trabajo que esto me supone). Creo ademas que no es la mejor de las soluciones debido a que trabajo con varios dibujos/fondos que creo q deberia multiplicar por cada resolucion "integrada".

2) Hacer las unidades de medida en css en % (lo cual me crea una gran duda en cuanto a los dibujos/fondos que comentaba). Tendré que hacer de nuevo varios dibujos/backgrounds??

Estoy pensando en decantarme por la segunda de las opciones pero una vez me puse manos a la obra pensé: he de cambiar TODO, ABSOLUTAMENTE TODO a unidades basadas en %?? (principalmente me refiero a margins, paddings, etc.???).

Si alguien me puede orientar un poco en este tema o sabe de alguna otra manera....gracias mil!!!!

1 saludo y que paseis buenos dias!!

[oms02]

hay una duda que me esta reconcomiendo por dentro....

he cambiado la resolucion de 1280X800 a 1024X768 y como era de esperar, los fondos/bg de menus, etc.. se salen de los margenes originales....se ve todo fatal...

Ahora bien, con esta resolucion tan "rara" que tengo en el monitor por defecto (1280X800), pq leches veo perfectamente bien todos los graficos/fondos/etc... de las paginas si estos no han sido creados pensando en mi resolucion????

[jomaruro]

Hola:

Sin ver tu página es complicado decirte lo que tienes que cambiar, pero lo más sencillo es incluir toda tu página en un div contenedor con el ancho que necesites y centrarlo con margin:0 auto.

Otra opción es hacerla completamente en % o en em.

Saludos.

[oms02]

Hola jomaruro. Gracias por responder.

Aun no tengo la pagina colgada en ningun server. Quizas es demasiado pronto para hacerlo.

La pagina la he estructurado de la siguiente forma:

Toda ella se recoge en una pagina central que abarca el 100% del ancho y alto (junto con la propiedad que me comentas margin:0 auto). Dentro de ella, varios divs con dimensiones en % (el tipico layout).

Ahora, mi problema llega pq la resolucion que utilizo es quizas un poco alta (1280X800), con lo que al pasar a resoluciones menores (1024X768 u otras) todo queda mas grande (divs internos y principalmente los graficos hechos con photoshop).

Entonces....cual sería la idea correcta??

-hacer esos divs/graficos segun una resolucion menor y al cambiar a resoluciones mayores no dará problemas sino que quedarian centrados y yasta, o....

-hacer varios graficos iguales, uno por cada resolucion de pantalla (se entiende que las principales o mas usadas) y los divs con %

vamos....q me estoy liando bastante con algo que se supone no deberia darme tantos dolores de cabeza...

Por favor, si no me he explicado lo suficiente o xxx...lo q sea, hazmelo (hacedmelo) saber. Escribire la informacion pertinente tan rapido como lo lea..

Me corre un poquito de prisa pq este problema me esta dejando bastante atascado...sin poder avanzar..

gracias de nuevo por vuestra atencion.

1 saludo.

[Nemutagk]

El error es muy sencillo, todo lo estas diseñando para tu resolución, los porcentajes y tamaños están de acuerdo a la resolución que tienes, si lo ves en cualquier otra resolución (no solo inferior si no también mayores) se vera mal, aquí tienes dos opciones, decantarte por una resolución y crear un contenedor de tamaño fijo para esta (que normalmente es un resolución baja, como 1024) y que en resoluciones mayores se centre en la pantalla, esto es lo mas común y sencillo de hacer, la otra es crear un diseño liquido, pero esto será mucho mas problemático de lo que puedes creer, ya que vas a tener que jugar con los porcentajes, aunque siempre va a ver resoluciones en las que se va a ver mal, normalmente las mas altas

[jomaruro]

Hola:

Iniciado por oms02

Toda ella se recoge en una pagina central que abarca el 100% del ancho y alto (junto con la propiedad que me comentas margin:0 auto).

¿Como quieres centrar un div que tiene un 100% de ancho?

Saludos.

[VbOkonly]

Yo opino que trabajes en pixeles, con una resolucion de 1024(mas normal) y pongas todo dentro de una div contenedora ...