Background picture has margin top,left,right how to remove it

Question

Background picture has margin top,left and right, trued to remove it with position absolute and relative, didn't worked what can true else to remove them.

HTML

<header class="banner"></header>

Css

banner {
  background-image: url(../images/banner.jpg);
  min-height: 750px;
  background-size: cover;
  background-position: center top; }

score 2 · Answer 1 · answered Feb 07 '16 at 12:20

2

CSS

body {
padding:0;
margin:0;
}

You can use too reset.css;

http://meyerweb.com/eric/tools/css/reset/

answered Feb 07 '16 at 12:20

clyz

165
10

score 1 · Accepted Answer · answered Feb 07 '16 at 12:19

1

This seems to be initial margin of HTML page. Remove it through CSS:

body{margin:0}

answered Feb 07 '16 at 12:19

Ali Sheikhpour

10,475
5
41
82

score 1 · Answer 3 · answered Feb 07 '16 at 12:19

1

This is being added by either the body or the header. Add the following to the CSS stylesheet:

body { margin: 0; }

Or, the same thing with the body replaced with header.

answered Feb 07 '16 at 12:19

stuartmccoll

188
1
11

Background picture has margin top,left,right how to remove it

3 Answers3