Ajuste resolución de diseño procedente de photoshop

[castroruso]

Tengo una página hecha a partir de sectores de Photoshop. La he guardado como html acompañada de sus correspondientes recortes (imágenes) vinculadas. Ahora pretendo a través de javascript que se detecte la resolución del monitor y se ofrezcan 3 tamaños distintos de la página.
El problema es que da igual el ancho que ponga a la tabla que contiene todas los sectores (la tabla contenedora de la página) que siempre se ve en el mismo tamaño. Tanto si pongo 800 px como si pongo 1200 px.
He probado a poner el ancho de la página original (desde Photoshop antes de exportar) con 1200 px y siempre se visualiza igual.
Luego he probado a ponerle de tamaño a la página desde Photoshop antes de exportar, en 800 px, y al colocarla en Dreamweaver y ponerle un ancho en porcentaje (100%), se visualiza con los distintos sectores separados unos de otros.
¿Hay alguna manera de poder marcar diferentes anchos?
Sólo se me ocurre hacer 3 páginas diferentes con distintos anchos desde Photoshop, pero eso es pesadísimo. Preferiría, si fuera posible, hacerlo a través de CSS, indicándole así a la tabla cómo se tiene que comportar.