Auto Stretching Linear Gradient Background To Any Browser Resolution

[iBall]

Hi,

I could find a answer after google a several times
Anyone know how to let the background looks like http://www.vbulletin.org

No matter how you reduce or increase the browser resolution, it is still showing perfectly by auto scaling and stretching.

After i checked, it is using a single jpg file as the background
http://www.vbulletin.org/forum/image...ybkgd950px.jpg

so I'm wondering how it works by only stretching 2 end side and remain the center white colour part. and the site content has a fixed width.

hope somebody could help me. thank you :D

 

[CrazyTech]

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

The answer is there, it's just a fixed background. The idea is to use an image that's tall enough for the large resolutions, but is very thin because you repeat it across the x (horizontal) axis.

 

[hairat angaiz]

Use the CSS for this effect.
background-image: url(images/image.gif);
background-repeat: (select one of then)repeat repeat-x repeat-y no-repeat;
background-position: (at your choice) top bottom left right;

 

[Hive]

or you can just use in 1 line as:

background: url(imagelink) top left repeat-x or y;


Regards
Hive