HTML Body Background

**PITBULLCJR** · Oct 1st, 2001, 04:11 PM

Well I know you can do this
<body background="happy.jpg">
that will put happy as the background image....Now is there a way to have it strecth perfectly to the size of the persons brower size...Because if you have a cool background that fits perfectly for 800X600 its not going to work at larger sizes or smaller sizes so is there a way to have it fit automatically?

scoutt · Oct 1st, 2001, 04:54 PM

if the jpg is only 800x600 it will not stretch to accomodate for 1024x768, it will tile and start over. you should have another one for that size.

there is no code for that if I'm not mistaken.

**sail3005** · Oct 1st, 2001, 07:02 PM

nope, i don't think that is possible.

**da_silvy** · Oct 3rd, 2001, 12:04 AM

2 Choices.

You can have the picture centered on your page...

or you can have a javascript determine which background image should be shown depending on what resolution they have.

http://www.htmlgoodies.com/beyond/cssbg.html

I suggest having a look at this site - you may find it useful ^^^

**evil_gamer** · Oct 10th, 2001, 10:44 PM

make different sized images for different sized screens and use javascript do the hard work and hope that every one has a browser that will work with the javascript you wrote

or "fix" the size of the page using a table.

both methods could keep the image from tiling side-to side, but up and down, it would not fix...

Only one drawback; what happens if the page scrolls down after the image ends? It wraps, gets ugly and your back at square one.

**sail3005** · Oct 12th, 2001, 11:40 AM

the table method is probably the best, i have used it before too.

**da_silvy** · Oct 12th, 2001, 07:28 PM

try and make your picture recursive so that it would appear to be just a massive picture if they scrolled?

**zmerlinz** · Oct 13th, 2001, 04:34 AM

or you can do what i have done on my website, and use javascript to resize thw window to 800x600 so that the picture looks good

scoutt · Oct 13th, 2001, 05:19 PM

Originally posted by zmerlinz
or you can do what i have done on my website, and use javascript to resize thw window to 800x600 so that the picture looks good

that would piss me off. if I was running 1024x768 and you resized my browser to 800x600 I would leave. and if I was on 800x600 you wouldn't even do anything.

**sail3005** · Oct 13th, 2001, 07:15 PM

from my experiences, the best two options are as follows:

1) put the whole site in a fixed table, and make the BG the BG of the table.

2) make a bg that seamlessly repeats.

**evil_gamer** · Oct 13th, 2001, 08:21 PM

Try this:

Make a couple different sized images for the background, say, 640 x 480, 800 x 600 and 1024 x 768 (for example - these are settings my computer has)

use javascript to detect the visitors screen size and plop the right background into the page. Add a little extra html to the body attribute in the script to fix the background so that will (hopefully) eliminate the scrolling should the page be longer then the image. Hope the script that you wrote is cross-platform and you should be set.

BTW the extra html to keep the background image from scrolling and tiling is:

Code:


<body background = "image.gif" bgproperties = "fixed">

Netscape 6 don't dig the bgproperties tag

**da_silvy** · Oct 13th, 2001, 10:53 PM

lol, i posted a link to that example ^^^

**zmerlinz** · Oct 14th, 2001, 07:48 AM

Originally posted by scoutt

that would piss me off. if I was running 1024x768 and you resized my browser to 800x600 I would leave. and if I was on 800x600 you wouldn't even do anything.

sorry if that would annoy you, but that is the way that it is on my site, and from a little questionnaire i did a little while ago, most people visit my site at 800x600 anyways,

you can maximise the window, it is just that the picture tiles, and it takes too long to download the picture as it is, i did try compressing the picture but then the quality is really poor

scoutt · Oct 14th, 2001, 09:18 AM

that is funny, NS totally ruins your site there zmerlinz. have you been to it in NS4.x??

**zmerlinz** · Oct 14th, 2001, 09:22 AM

yeah the other day, it really annoys me, i think i might change it at some point, at the minute i can't be bothered

**sail3005** · Oct 14th, 2001, 12:18 PM

my philosiphy is just to worry about NS6.. It's actually good!

**zmerlinz** · Oct 14th, 2001, 12:20 PM

it is

**sail3005** · Oct 14th, 2001, 12:32 PM

i'm dead serious!

**zmerlinz** · Oct 14th, 2001, 12:35 PM

if you say so, personally i like IE, i know that it is a Micr$oft program but it is quite user friendly and when i try and use another browser i find that i have to learn a new set of short-cut keys and i can't be arsed to do that, i guess i am just stick in my way

**sail3005** · Oct 14th, 2001, 01:04 PM

well, IE is my primary browser. I just said NS6 was good

**zmerlinz** · Oct 14th, 2001, 05:45 PM

so it isn't that good as you are still using IE

**sail3005** · Oct 14th, 2001, 06:34 PM

....probably. i guess i just use IE because it is so integrated with windows, that it is hard for NS to compete.

**zmerlinz** · Oct 15th, 2001, 06:30 AM

i used to like Opera, but i found out that it uses more resources that IE does

and again i am just too used to IE what with it being inergrated in all, looks as if Microsofts little plan paid of then

**da_silvy** · Oct 15th, 2001, 04:43 PM

Netscape tried to sue microsoft for that plan i think

Thread: HTML Body Background

Thread Tools

Display

HTML Body Background

Posting Permissions