My element is not filling the entire space of the page

Question

So using the CSS code below I wanted to make my page fill entirely with an image located on my computer. Instead, it turned out like this:

#background {
    back         


        

Answer 1

All browsers come with a default style sheet. It provides a basic set of CSS rules.

Here is a sample default style sheet from the W3C: https://www.w3.org/TR/CSS22/sample.html

As you can see from the sample, it is recommended that browsers include body { margin: 8px }. That's likely the source of the white space between the body and the viewport.

To override the default use body { margin: 0; }.

Answer 2

html, body {
    margin: 0px;
    padding: 0px;
}

Answer 3

Try this. Does it work

body {margin: 0;}

EDITED: For updated problem

#background {
    background: url(images/bg.jpg) no-repeat center center fixed;
    background-size: cover;
}