HTML backgrounds

quantumlight · September 16th, 2006, 04:46 PM

is there a way to get the following command

<body background="blahblah.png">

to stretch to fit?

right now its duplicating till it fills the screen

OuTpaTienT · September 16th, 2006, 05:02 PM

Not easily. But it can be done. Takes a little trick.

Here's a "how to": http://www.htmlite.com/faq022.php

wera · September 16th, 2006, 05:17 PM

I've always used a very high rez image ore one that can be repeated.

Just my 2 cents.

quantumlight · September 16th, 2006, 05:28 PM

lol thnx....my stretched to fit image is too blurry i think i'll stick with duplicated

**RicheemxX** · September 16th, 2006, 05:42 PM

you can always center the image with no repeat on a fixed attachment

Code:

<style type="text/css">
body
{background: #000000;
background-image: url('background image to be used, i.e. background.gif');
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;}
</style>

phantazm · November 13th, 2006, 07:18 PM

"my stretched to fit image is too blurry i think i'll stick with duplicated..."

Try creating a larger version of your image. Larger than the max-screensize most people use. (1024x768 is still most popular, but try 1699x1200). If your image is always larger than the screen it should not become blurred.

regards from Copenhagen,

Mads Dam / www.mads-dam-larsen.dk