Help.. How to make the background page resize automatically

[bloeblop]

Dear all

 

kindly help me, i am new with this

maybe the question was often to be asked

 

Iam trying to replace the background page with image, there was no problem if I opened the shop with maximize the window, the background page was perfectly 100%

 

But if i want to make the window smaller, the background is not fully cover the page, there is white color show  on the page

 

I don't know why and how to fix it...

 

this is the code

/***generic Style**/

body{
font:normal 15px/18px Arial, Verdana, sans-serif;
color:#222;
background:#fff url(../img/bakgrondkayu.png);

}
body.content_only {
background: #fff ;
}

 

 

I really apreciate your help, Thank you

[vekia]

can you try to use repeat in background definition? then The background image will be repeated both vertically and horizontally. 

 

also, for what purposes you use:

body.content_only {
background: #fff ;
}

?

[bloeblop]

Hi, thank you for your response

 

 

I'm trying to add the code to html like below, and it's work.  the size of background is now showed full when I minimize or maximize the window.  am i  right or there is another that i should do ?

 

 

html{color:#000;background:url(../img/bakgrondkayu.png);margin:0;padding:0;background-size:100% 100%repeat;}

 

 

body{

font:normal 11px/14px Arial, Verdana, sans-serif;

color:#222;

background:#fff url(../img/bakgrondkayu.png);margin:0;padding:0;background-size:100% 100%repeat;}

 

}

 

 

[neller]

Has this been resolved?

If not the try adding

 

background-attachment: fixed;

background-position: top left;

 

Neller

[vekia]

it will be much easier to check it if you will share url it's possible?

[bloeblop]

it will be much easier to check it if you will share url it's possible?

It is has been solved i Guess,    

 

I'm adding this code ,  the size of background is now showed full when I minimize or maximize the window

 

html{color:#000;background:url(../img/bakgrondkayu.png);margin:0;padding:0;background-size:100% 100%repeat;}

 

 

body{

font:normal 11px/14px Arial, Verdana, sans-serif;

color:#222;

background:#fff url(../img/bakgrondkayu.png);margin:0;padding:0;background-size:100% 100%repeat;}

 

}

[vekia]

so, everything works well now?

also on mobile devices?