Adaptar la web para todas las resoluciones?
 

Buenas!
Ya se que se ha escrito mucho sobre estos temas pero no acaba de haber un criterio unificado, estoy haciendo una página para una empresa y me gustaría saber que solución habeís dado para solucionar esto.

Cometí el 'error' de hacer el diseño en una resolución 1280x1024 y ahora me tocará reacer el diseño, por mi parte me cuesta ver ya resoluciones más pequeñas porque me he acostumbrado a esta, je je..

Bueno en un principio lo que veo más factible para asegurarme que todo vaya bien es la solución del script java que redirecciona la página según la resolución,
<script language="JavaScript1.2">
/*
Diferentes versiones según la resolución
*/
//para resolucion 800x600
if (screen.width==800||screen.height==600)
window.location.replace("es800600/index.html")

// para resolucion 640x480
else if (screen.width==640||screen.height==480)
window.location.replace("es640480/index.html")

//para resolucion 1024x768
else if (screen.width==1024||screen.height==768)
window.location.replace("es1240768/index.html")

//para otras resoluciones
else
window.location.replace("es1240768/index.htm ")
</script>

Pero hay muchos detractores de este método por tener que hacer tantas versiones de un html como resoluciones.

Cómo lo haceis?
Me interesa mucho la opinión de webs que reciban muchas visitas.
Saludos y gracias!

Hola,

Yo te recomiendo un solo diseño en 1024 x 768px por algunos motivos:

- La mayoría de los monitores están en esta resolución o superior
http://www.w3schools.com/browsers/browsers_stats.asp

- La tendencia es hacia resoluciones superiores y pantalla ancha; sin embargo los usuarios de resoluciones mayores y pantallas anchas no navegan con la ventana maximizada, así que también les sirven los sitios diseñados para 1024x768.

- No vale la pena hacer varios diseños diferentes porque es más costoso y es un mal uso de las tecnologías Web que están diseñadas para ser flexibles de tal forma que un solo diseño funcione para todas las resoluciones.

Saludos,

Jose.

utiliza tablas con anchos relativos............ %

No utilices tablas a no ser que sea para información tabulada. Para todo lo demás hay una etiqueta correspondiente y un sistema de estilos.

A los dos grácias por contestar lo primero, que es de bien nacido ser agradecido...
Etanol lo de trabajar con tamaños realtivos, lo intenté y esta bien cuando sólo tienes texto dentro de las tablas pero no soluciona el tamáño de las imágenes,
otra cosa es que el tamaño de la letra para 1024 en 800x600 lo veo exagerado aunque me pareció la mejor opción al principio,la desestimé porque mis tablas contienen varias imágenes no adaptables con %, si hay algún modo y se escapa dímelo por favor.

JoseOnate,
De momento es lo que más me convence incluso puedo usar el script de Java para en caso de resoluciones inferiores poner un mensaje que diga que esa web está diseñada para resoluciones superiores o iguales a 1024 y con un enlace de como cambiarla.

El tema es que me ha dejado un poco parado lo de las tablas, tengo toda mi web hecha con tablas porque pensé que era la mejor manera para que el texto no se desplazara indeseadamente, me puedes explicar en que casos no debería emplearlas y en estos casos como hacerlo no se a que etiqueta te refieres.

My estructura es una única tabla en la que pongo el texto y en caso de poner una imagen dentro de esa tabla lo hago dendro de otra tabla.
Ah! y uso para las tablas la medida por pixels.

Saludos y gracias