CSS diferentes para cada resolucion (SWF e imagenes)

Tengo un sitio hecho en 1024x768 px. y estoy por probar con javascript (para evitar hacer dos veces el sitio) abrir dos css distintos segun la resolucion del visitante para tambien mostrar la pagina en 800x600. Quiero que el javascript detecte la resolucion del navegante y segun ella abra un CSS o el otro. Este no es el problema. Ahora:
Se puede achicar un SWF y las imagenes de fondo y las que nos lo son con CSS? en el caso de 800x600 necesito esto ya que el logo que tengo hecho en SWF (en un div "header" arriba a la izquierda) se deforma porque se agranda y no se que comportamiento tendran las imagenes (fondos de los divs hechos con degradados e imagenes agregadas al contenido, fotos por ej.).

Si lo quieres hacer con javascript, puedes usar "screen.width" y "screen.height".

También puedes usar medidas relativas (%) para que tu diseño se ajuste solo a cualquier resolución. Pide hablar con Zarzamora. Y llévale chocolates.

Zarzamoraaaaaaaaa.......
Please...

ummm ¿yo? ¿porqué yo?

Bueno, no sé si entendí bien el problema, creo que lo que quieres hacer es un sitio que se vea bien tanto en 1024 X 768 y a la vez en 800 X 600... ésto según como lo veo sería un diseño líquido, es decir un diseño que se adaptaría a las diferentes resoluciones de pantalla. A la vez, veo que tienes dos archivos CSS que se abren según el tipo de resolución y que por ello las imágenes y los .swf no quedan bien.

La verdad no he trabajado así, con dos css según la reslución, sino que he hecho uno sólo en el cual trabajo algunos elementos con porcentaje. En el caso del header lo que hice fue una imágen de fondo que abarcara la máxima resolución que necesitaba y listo, como es un fondo, no tiene porque deformarse sino que si la resolución es más pequeña simplemente no se ve la imagen completa.

No sé si ésto es lo que necesitas.. ya que honestamente aun no entendí bien cual era el problema con las imágenes...

[offtopic]Te recomiendo que te eches una vuelta por la votación de tu clabber favorito[/offtopic]

Antes que nada, gracias por contestar tan rápido.
Lo que necesito se podría solucionar con medidas relativas en cuanto a los div´s (header, contenido, pie, menu) de esta manera evitaría hacer dos css (que es lo que quiero); pero cómo hago con las imagenes que tengo en "contenido" y el SWF del logo que está en el header???.
En el peor de los casos haría dos CSS con lo cual controlaría las dimensiones de los div´s, las fuentes, etc. Puedo manejar con CSS el tamaño de un SWF y de las imagenes aplicando una clase a estos y después llamarla desde el HTML???.

¿tienes algún ejemplo de lo que sucede con las imágenes? porque si las pones como fondo no tienen porque deformarse y si las pones dentro del html como contenido, tampoco... o no se si es que sigo sin entender, cual es el problema...

yo no recomendaria un diseño 100% liquido, no es necesario que tu diseño se vea en todas las pantallas igual, pero es imprecindible que se vea en todas las resoluciones bien
te recomiendo usar un diseño semi-liquido

a modo de ejemplo te muestro el sitio que estoy desarrollando (yo no lo diseñe) http://hotstones.cl/demo.php
y las css http://www.hotstones.cl/css/