On a web page, how do you make the background stretch to fit the page rather than creating a tiled image?

Question

For example, I used this to put the backround on...

Answer 1

You could do that with JavaScript, because you need to know the size of the client window in order to know how large the background image should be.

Something like this:



Add this onload event to your BODY tag:

Answer 2

Well you can use script or CSS to autosize based upon the users window size... OR you can set your page size to "center" your page and use a fixed width for the main content. Then you aren't tiling the image.

Just set up a table to the width you want and center that table. It will appear much like this page does which doesn't fill the screen either but still looks very good. Use a textured or solid background for the boarders.

Just another thought.

Answer 3

there's a CSS3 supplies referred to as historic past-length. in case you place this to a hundred%, a hundred% that is going to stretch a historic past to in good condition the present field. regrettably, because of the fact IE8 would not help CSS3, approximately 10% of the international won't have the skill to work out your historic past.