Layout líquido: como ajustar elementos de acordo com a resolução?

Olá a todos do iMasters!

Gostaria que alguém pudesse me ajudar com a seguinte dúvida:

Estou desenvolvendo um site, porém queria que ele se comportasse diferente em monitores 4:3 e widescreen. Vou postar uma imagem para exemplificar:

/applications/core/interface/imageproxy/imageproxy.php?img=http://min.us/jmOUvO.jpg&key=a74f2566be368fd27dc7e640abc991676a61e293a0afbadd2dfe835dbc56db92" alt="jmOUvO.jpg" />

Ou seja, os elementos iriam variar de tamanho e posição de acordo com a proporção de tela.

Talvez eu esteja falando besteira, mas será que tem como usar dois CSS's diferente pra isso? :ermm:

Uma outra dúvida é se teria como variar o tamanho do texto de acordo com a resolução (o texto ficar com o mesmo aspecto em 1024x768 e em 1280x1024, por exemplo). Queria que ele "esticasse" junto aos outros elementos (do layout líquido).