Hi there, I was just wondering how do I put a wallpaper like background image in the background of my site, without the image stretching the screen if for example the person viewing the site had a small monitor. An example would be on here: http://www.ensidia.com/

as you can see there is a huge image in the background of this site if you have a big monitor, but if you resize the window the background 'disappears' and there is no horizontal scroll bar until you actually make the window smaller than the main content.

Thanks!

Hi

Read this:
http://www.w3schools.com/css/css_background.asp

Otherwise you can take this code and paste it into your HEAD tag;

<style type="text/css">
body {
background-image:url(path to image.jpg/gif);
background-repeat:insert repeat code;
}
</style>

repeat codes are:

repeat-x
repeat-y
no-repeat

The example you used has

no-repeat

Originally Posted by The Conqueror

Hi

Read this:
http://www.w3schools.com/css/css_background.asp

Otherwise you can take this code and paste it into your HEAD tag;

<style type="text/css">
body {
background-image:url(path to image.jpg/gif);
background-repeat:insert repeat code;
}
</style>

repeat codes are:

repeat-x
repeat-y
no-repeat

The example you used has

no-repeat

Great fix, this is what I've done on my website!

im pretty sure in that site they just used a very large image and placed it at the top and then in the bg they set the bg colour to black and let it just fade in nice looking technique