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.

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>