Problema con el fondo de mi página

[starlightphp]

Buenas tardes a tod@s.
Me encuentro en fase de diseño de un fondo para la primera de mis pantallas de mi página web.
El caso es que sé que cada usuario tiene su propia resolución, así que me he decidido por comprobar cual es la resolución de usuario y utilizar las hojas de CSS correspondientes a esa resolución. Pues bien, sabiendo todo esto, el tema es que tengo que diseñar el fondo y posteriormente incluirlo en mi página.
Aquí surge el problema. De qué dimensión hago mi fondo? porque sé que el usuario si hace scroll down lo va a hacer mas pequeño. Es correcto definirlo en el atributo body? o sería preferible usar un div con dimensión el browser designar el fondo en el div?
Un saludo!

[madhatterdef]

puedes hacer que se repita verticalmente y horizontalmente así

body {
background-image: url(urlimagen.jpg);
background-repeat: repeat;
}

o cambiarlo según la resolución utilizando css y js

<script type="text/javascript">
if (screen.width < 1024 ) {document.write('<link rel="stylesheet" type="text/css" href="800.css">');}

else if (screen.width == 1024) {document.write('<link rel="stylesheet" type="text/css" href="1024.css">');}

else if (screen.width >1024 && screen.width <1280 ) {document.write('<link rel="stylesheet" type="text/css"href="1152.css">');}

else if (screen.width = 1280 && screen.height !== 960 ) {document.write('<link rel="stylesheet" type="text/css" href="1280.css">');}

else if (screen.width = 1280 && screen.height == 960 ) {document.write('<link rel="stylesheet" type="text/css" href="1280X960.css">');}

else {document.write('<link rel="stylesheet" type="text/css" href="1024.css">');}

</script>

esto va a cambiar el archivo css
en el primer caso si el ancho la resolución es menor a 1024
en el segundo si el ancho es igual a 1024
en el tercero si el ancho es mayor a 1024 y menor que 1280
en el cuarto si el ancho es 1280 y el alto 960
y el ultimo si no es ninguno de los anteriores

puedes cambiar los valores como quieras
si no entiendes algo pregunta y tratare de responderte

[starlightphp]

muchas gracias por tu respuesta madhatterdef =). Realmente todo ese código ya lo tenía, lo que no sabía era si diseñar una imagen con cada tamaño y luego duplicar o crear una super imagen gigante =).
Voy a hacer una imagen por cada resolución y luego repito!
Muchas gracias!

[C2am]

Hola
Fijate esto de fondo elastico no deformable

Saludos

[madhatterdef]

de nada
si es una imagen compuesta usa varias pero si es de un solo color o un degrade usa lo primero

[madhatterdef]

C2am
ahora que lo veo
cual seria la diferencia entre eso y esto

background-image: url(urlimgen.jpg);
background-size: 60%;