Header Obraz na całą szerokość strony

[JakubWEB 119]

Witam. NIe mam pomysłu jak mogę to wykonać aby obrazek header był na całą szerokość i wysokość tak jak jest na projekcie: http://i.imgur.com/3r8R1NY.jpg

Wykonałem coś takiego:
#header{
background-image: url(img/header.jpg);
background-size: cover;
display: block;
position:absolute;
overflow: auto;
width:100%;
height:100%;
-moz-background-size: cover;
-o-background-size: cover;
}

Ale obrazek jest dopasowany do wysokości natomiast szerokość jest ucieta :(

[Grafinity BOT]

[Damian 1170]

Pokaż live demo.

[JakubWEB 119]

http://www55.zippyshare.com/v/OJsb8rdl/file.html

[Ola 223]

marginesy wyzerowane?
Dobra, teraz widzę, że tak. Daj szerokość na auto zamiast 100%.

Edytowane 9 Marca 2017 przez Gość

[JakubWEB 119]

[quote="Ayume"]marginesy wyzerowane?
Dobra, teraz widzę, że tak. Daj szerokość na auto zamiast 100%.[/quote] Ucina wtedy na taka szerokość jaką ma div w tym headerze

[Ola 223]

Spróbuj którymś z tych sposobów.
https://css-tricks.com/perfect-full-page-background-image/

[JakubWEB 119]

Juz sobie poradzilęm użyłem tego :

background-image: url(img/header.jpg);
background-size: cover;
display: block;
position:static;
overflow: auto;
width:100%;
height:100%;
-moz-background-size: cover;
-o-background-size: cover;

i jest ok mozna zamknąć ;)