[josoap]

Hi,

A client has asked me to use an image of the sky to fill in the whole browser window background.

I can do that sizing the image to 100% so it adjusts for different monitors. But the downside of that is the image gets distorted.

I believe there is a way where you size the bg image up to something like 2400px width (because it would have to be some monitor to open a web page up to that resolution). So in fact the image doesn't scale.

I'm trying this:

#background {
	position:absolute;
	left: 0px; 	
	width:2400px; 
	height:336px;	
	}

and the html:

<div id="background"><img src="bgsky2.jpg" alt="" name="background" id="background" title="" /></div>

I don't get why it doesn't work!!!!

Can someone enlighten me pls.

[Faevilangel]

Add the background using css and not in the html,

#background {
 width:2400px;
 height:336px;
 background:url(image.png) repeat;
}

<div id="background">
 some text showing on top of the image
</div>