How do I set the background image to resize?

galaxyAbstractor

Community Advocate
Community Support
Messages
5,508
Reaction score
35
Points
48
How do I set the background image to resize to fit the users resolution??? So if the pic is 500x300 it will automaticly resize to 800x600 or 1024x764 etc.
 

Livewire

Abuse Compliance Officer
Staff member
Messages
18,169
Reaction score
216
Points
63
http://www.htmlite.com/faq022.php

I'm guessing thats what you mean; theres enough code there I'm not quite sure what it means, but long story short it's setting the width to 100% and height to 100% - the 100%'s apparently mean the browsers width and height, not the images original width and height.


Hoping you or someone else can make more sense of that CSS, I'm not a CSS person XD
 

galaxyAbstractor

Community Advocate
Community Support
Messages
5,508
Reaction score
35
Points
48
It didn't work...

HTML:
    background-image: url('./images/abstract.jpg');
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:center; 
    width: 100%;
    height: 100%;
 
Top