im coding another website and would like to know if it is possable to use a background image and have it to stretch to the size of the veiwes monitor

so if you have a 15" monitor it will be the image in a smaller size
but if you have a 22" monitor you will see the same image but fittingyour screen

is this possable and with what codes?
thanks!

Correct me if im wrong but i dont think it makes a difference if its a 15 inch monitor or a 22 inch one. Its the resolution that matters. But then again i could be wrong

I think cookie knows what im talking about ... i remember him saying something similar once

the size's were just ideas not actual sizes - ANY size i want.

i just want the image to resize its self to the size of the browser window when the page is loaded

JA is almost right... The size of the monitor doesnt matter, but each monitor has a maximum resolution, per example, mine is a 17" one, and it can go from 640x480 to 1280x1024..

Back on topic, iirc, there isnt anything you can identify a viewers resolution with.

so it isnt possible to get the image to auto. resize when the page loads?

quote:

---

Originally posted by DJKAL
so it isnt possible to get the image to auto. resize when the page loads?

---

quote:

---

Originally posted by alby

quote:

---

Originally posted by DJKAL
so it isnt possible to get the image to auto. resize when the page loads?

---

My advice would be to use a small picture that is symetric. Therefore if it is bigger, it will strech and still look good.

An example of a background I use : http://www.lp15.com/alby/bg.png

You can see it's quite small, but most of all symetric.

How it looks on the page :

http://www.lp15.com/alby

---

no - my image isnt like that.
my image is made in photoshop
and is a dark to light blue fade with the text at the top in an effect and then another image is sunken into the background
it looks realyl effective but i need it to fill the screen always and to not half fill it or be too big

quote:

---

Originally posted by Johny
Back on topic, iirc, there isnt anything you can identify a viewers resolution with.

---

quote:

---

Originally posted by Kryptonate
yes there is. It's called Javascript

---

* DJKAL asks nicely

quote:

---

Originally posted by DJKAL

quote:

---

Originally posted by Kryptonate
yes there is. It's called Javascript

---

.... can you explain how to do this then?
* DJKAL asks nicely

---

that isnt what i want - i just want the image to be resized automatically and not the page redirected

quote:

---

Originally posted by Plik
You can't stretch a background image, the only time you can set the size of an image is when its used in the <img> tag

Which isn't a bad thing because if you stretch your background it will always look mis-shapen and pixelated with someones resolution.
Stretching != cool

---

i didnt see the edit

so it cant be done
need to find another b-ground that can be as effective then
thanks

it can't be done indeed. The only thing you can do is depending on the user's resolution replacing the backgroundimage with another one with a different resolution.

no i dont waant that - never mind thanks

Replacing the background image is the best thing you can do, just resize your image to the most popular sizes like: 800x600, 1024x720, 1280x960, 1600x1200 and replace the image that is closest to the users resolution.

quote:

---

Originally posted by Ezra
Replacing the background image is the best thing you can do, just resize your image to the most popular sizes like: 800x600, 1024x,720, 1280x860, 1600x1200 and replace the image that is closest to the users resolution.

---

CSS3 will let you set the size of the image to, but CSS3 isn't released yet.