Adaptar la web para todas las resoluciones?

[aprender06]

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!