[SOLVED] image as background

[DEVILofDARKNESS]

How can I make an image auto-resize on the background

 

I mean:  If someone uses an other screen, he needs to see the same as I see on my lil laptop screen

 

What do I need for this?

[saltedm8]

I cant guarantee it would work, but try adding

 

width:100%; in the css

[DEVILofDARKNESS]

Okay that probably will work, but is that a good way, because on large screens maybe the image will be ugly resized?

[saltedm8]

no, it wont be ugly because height is not defined it should stay in proportion.. although there is a possibility the image quality goes down with larger screen sizes.. unfortunately, short of being able to detect a screen size and using php to swap the image with another, I see no other way...

 

I don't even think its possible to detect screen sizes

[DEVILofDARKNESS]

background-image: url('../atomic.jpg');

background-repeat: no-repeat;

background-width: 100%;

 

De laatste werkt niet aangezien background niet met width werkt :s

[saltedm8]

I don't know then mate, I have never tried it myself, my reply was just a guess

[DEVILofDARKNESS]

I solved it!

 

css:

#background_image {

position: absolute;

top: 0px;

left: 0px;

height: 100%;

width: 100%;

z-index: -1;

}

 

html:

<img src='./test/atomic.jpg' id='background_image'>

[saltedm8]

sweet.. nice work