How to set background realy full of the page in HTML

Question

when i want to set the background for my page, i coded like this code! But it's just quite close to be full , it still has a small " White BackGround " maybe only 5px or 7px on the right , left, top and bottom also :(

#background{8
    background-image: url('picture/background.jpg') ;
    background-repeat: no-repeat;
    width : 100%;
    height : 100%;
    background-size : cover;
    background-attachment: fixed;
    top : 0px;
    left : 0px;
}

`body{margin:0;padding:0}`? – potashin May 15 '14 at 17:11 — potashin, May 15 '14 at 17:11

score 0 · Answer 1 · answered May 15 '14 at 17:10

0

Make sure that both the background div and whatever may be wrapping it has both margin and padding set to 0.

answered May 15 '14 at 17:10

Andreas Eriksson

8,687
7
44
64

score 0 · Answer 2 · answered May 15 '14 at 17:11

0

It should be because of default margin/padding added by browser.

So please add margin:0 and padding:0 as below

 #background{
    background-image: url('picture/background.jpg') ;
    background-repeat: no-repeat;
    width : 100%;
    height : 100%;
    background-size : cover;
    background-attachment: fixed;
    top : 0px;
    left : 0px;
    margin: 0;
    padding: 0;
}

else just

body {
  margin: 0;
  padding: 0;
}

answered May 15 '14 at 17:11

mohamedrias

17,260
2
33
45

I got it ! thank you so much :) – Xuandao May 15 '14 at 17:25
You are welcome. I guess you can accept this as answer ;) – mohamedrias May 15 '14 at 18:02

score 0 · Answer 3 · answered May 15 '14 at 17:11

Try adding margin:0; padding:0; as below:

#background{8
background-image: url('picture/background.jpg') ;
background-repeat: no-repeat;
width : 100%;
height : 100%;
background-size : cover;
background-attachment: fixed;
top : 0px;
left : 0px;
margin: 0;
padding: 0;
}

How to set background realy full of the page in HTML

3 Answers3