Background no-repeat problem

[Medax]

Hello guys,
i had a little problem with my background when coding a simple template, here is the body code :

body
{
    margin: 0px;
    padding: 0px;
              background-image:url(bg.png);
              background-repeat:no-repeat;
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
}

but the problem is that the no-repeat doesn't work, and it shows a white border in the side.
Does anyone have a solution ?
Thank you.

 

[GarettM]

Id advise you to use css reset and also maybe your browser is trying to do your job.

try {

<style>
html,body { margin: 0; padding: 0; }
body {
   /** No reason to repeat margin, padding again. **/
    background: url('bg.png') no-repeat;
    font-size: 13px;
    font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
}
</style>

}

 

[Medax]

The same thing.

 

[GarettM]

The same thing.

Clear all browser cache and also screen shot so we can see what your dealing with web design is a visual thing loll

 

[Sysode]

Add:

background-size:cover;

to your css - on mobile so can't write a lot.

 

[Medax]

Add:

background-size:cover;

to your css - on mobile so can't write a lot.

thank you now it works

 

[Sysode]

You may want to add the extras for browser support purposes, @Medax

-webkit-background-size: cover; /* safari */
  -moz-background-size: cover; /* Mozilla */
  -o-background-size: cover; /* Opera */
  background-size: cover;

@Markshall close the thread man.