full screen background html

Question

I\'m trying to show a picture as the background of my website so I\'m using the following code

HTML:

Answer 1

I would use the following css:

html { 
    background: url(images/bg.jpg) no-repeat center center fixed;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

and remove your div entirely.

To limit the size you can:

#bg {
    min-height: 100%;
    max-width: 2000px;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    bottom: 0;
}