CSS background image

[emi_b]

I was wondering if anyone knew how to make a background image in CSS auto size itself so that everything is always to the right scale. I am not looking to repeat an image but am loking for one image to get bigger and smaller as the browser window gets bigger and smaller. Is this impossible?

[emi_b]

Does nobody know? Is anyone out there?

[paulhiles]

Ask.. and you shall receive...
I think this is what you're looking for.
Enjoy ;o)

Paul

[HardCoded]

Pretty darn neat :)

[emi_b]

Thanks. It does not seem to work in Mozilla, but does work in IE 6.

[paulhiles]

Yes I know, there is actually a notice on the page itself to that effect. Sad but true! So roughly 75-80% of your visitors will see the effect!

If we had Scalable Vector Graphics (SVG) plugins on all our browsers, then that would fit the job perfectly. SVG images used on a web page scale perfectly, (hence the name) and they don't degrade/pixelise in the way that a jpeg or gif image does.

[emi_b]

When do you think that SVG will eventually be supported. I've been meaning to learn more about it. I have heard it can kick Flash ou of the market. Which browsers currently support it? I should probably researhit but I am worried that it will never come to be.

[paulhiles]

When do you think that SVG will eventually be supported. I've been meaning to learn more about it. I have heard it can kick Flash ou of the market. Which browsers currently support it? I should probably research it but I am worried that it will never come to be.

When will it be supported? Good question! :o) Well it's officially recognised by the W3C as an XML-based language for describing two-dimensional graphics / applications. The SVG Working Group is currently developing a working draft (version 1.2).
There are already mobile phones on the market using SVG technology, Adobe, Corel are both strong supporters of SVG, and coincidentally supply the two best SVG viewers!

One of the deciding factors will be browser compatibility as well as improved net infrastructure. I would like to see that happen within the next 2 years... although that maybe wishful thinking! :o) If you're interested in finding out more, there are plenty of sites to choose from... there's the official W3C site, or you could try SVGeneral, which I had a hand in building (shameless self-promotion! ;o) )

Paul

[matauri]

I've been playing around with SVG's so have been reading up on their support, thanks for extra resource Paul.

(dont see a lot of white space in the page design tho) ;-)

[paulhiles]

thanks for extra resource Paul.
(dont see a lot of white space in the page design tho) ;-)

LOL!! I know what you mean.. but it is intended primarily as an informational site, and it's still in its infancy. I might pretty it up a bit with some suitable graphics.. but columns of text, and lots of links dominate at the moment! :o)