How can get the div background image to scale to the page size?

Question

I am trying to make the background image of the div header scale to the size of the page. Here is the current css:

.Header {
    background-image: url(Images/logo.png);
    height: 160px;
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

This [CSS Tricks](http://css-tricks.com/perfect-full-page-background-image/) article shows how to do it. — Brian, Feb 22 '15 at 00:43
But beware, these things doesn't always work with all browsers. — peterh, Feb 22 '15 at 00:55
@JoshCrozier When i add this, the background image does not show up at all — silentassasin114, Feb 22 '15 at 01:26

score 0 · Accepted Answer · answered Feb 22 '15 at 03:23

0

Make the position as absolute of the header and width as 100%

position:absolute;
width:100%;

answered Feb 22 '15 at 03:23

nifCody

2,394
3
34
54

sorry does not seem to fix it. The image is repeated and when i change the size of the window, the image does not change size – silentassasin114 Feb 22 '15 at 03:41
means if you re size the window it goes multiple image ? can you give me the fiddle I'll try http://jsfiddle.net/ – nifCody Feb 22 '15 at 03:43

How can get the div background image to scale to the page size?

1 Answers1

Linked