Header Obraz na całą szerokość strony

[Jakubb]

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 :(

[Damian]

Pokaż live demo.

[Jakubb]

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

[Ola]

marginesy wyzerowane?
Dobra, teraz widzę, że tak. Daj szerokość na auto zamiast 100%. Edytowane 9 Marca 2017 przez Gość

[Jakubb]

[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]

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

[Jakubb]

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ąć ;)