Skocz do zawartości
Szukaj w
  • Więcej opcji...
Znajdź wyniki, które...
Szukaj wyników w...
JakubWEB

Header Obraz na całą szerokość strony

Rekomendowane odpowiedzi

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

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach
marginesy wyzerowane?
Dobra, teraz widzę, że tak. Daj szerokość na auto zamiast 100%.
Edytowane przez Gość

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach
[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

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach
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ąć ;)

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach
Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.

×