I want this background to automatically resize depending on a users resolution…

But am lost

body {
        background: url(images/default.jpg) no-repeat 0 0 #fff;
        color: #000;
        font-family: Arial, Verdana, sans-serif;
        margin: 0;
        padding: 0;

pic is 1600×993 which works out well on my pc but looks like shit with other resolutions

dynamically load based on resolution. basic javascript.

would it be easy to do on a wordpress site?

You can’t do it with pure CSS right now. It will be possible with CSS3 with a very simple tag:

background-size: 100%;

But right now you’ll have to —

<div id="background">
    <img src="img.jpg" class="stretch" alt="" />

And use this CSS —

#background {
    width: 100%; 
    height: 100%; 
    position: absolute; 
    left: 0px; 
    top: 0px; 
    z-index: 0;

.stretch {

You can use javascript to find a users resolution and load a certain image based off of the return. I’ve done it before on a site i had years ago. Is the image a repeating image, or something like a building?

Problem with that is if they resize the window at all, it goes all fucked up.