Как сделать чтобы template.css менялся в зависимости от разрешения монитора

всем доброго дня...
я хочу чтобы на любом мониторе и при любом разрешении сайт отображался корректно, но это не табличная верстка... и поэтому все картинки и баннеры нужно сохранять в разных размерах.
каким способом этого можно достичь... Я находил в сети инфу что это можно сделать только с помощью JS. так ли это?

может быть кто нибудь с этим сталкивался, или есть соображения

 

Кажется, только JS. Т.к. при коннекте к серверу браузер сообщает только свою версию - User-Agent, а разрешение можно вытащить только на строне браузера.
Например

 

тогда еще..
как правильно подключить все эти конструкции ? Помогите начинаещему чайнику как все это правильно организовать...