Background Auto Resize to window

Darknstormy · Post by **Darknstormy** » Sat 03 Dec 2011 4:30 am

Hey all you HTML gurus

Can we have a background on our webpages that will resize its self to the window size?

so say I jump on my laptop 1920 * 1080 and the picture will fit

and if I jump on my dads desktop 1280 x 1024 can we make it auto resize..

cheers

beteljuice · Post by **beteljuice** » Sat 03 Dec 2011 4:42 am

Simple answer - No

... but you really shouldn't be thinking of using images that big anyway.

But then I remember (very) slow modems

Darknstormy · Post by **Darknstormy** » Sat 03 Dec 2011 4:49 am

I thought so, but I thought I would ask

Thanks mate..

beteljuice · Post by **beteljuice** » Sat 03 Dec 2011 5:27 am

Hmmm ....... the beteljuice inadvertently lied !

According to CSS3 standards you can use the 'style'

background:url(img_flwr.gif);
background-size:100% 100%;

... and that fills the 'container' with the image (NOT IE8)

Darknstormy · Post by **Darknstormy** » Sat 03 Dec 2011 11:20 am

IT WORKS!!!

Your a champion!!

beteljuice · Post by **beteljuice** » Sat 03 Dec 2011 3:32 pm

Only thing is it will 'distort' the picture to fit the window size. I for one, rarely run anything fullscreen, and of course if you 'design' for a wide screen it will be squashed for an old 5/4 format and what would it look like vertically on a tablet ?

I think I'll mostly be leaving that one alone

Cumulus Support

Background Auto Resize to window

Background Auto Resize to window

Re: Background Auto Resize to window

Re: Background Auto Resize to window

Re: Background Auto Resize to window

Re: Background Auto Resize to window

Re: Background Auto Resize to window