Tło zawsze na dole strony Opcje

[pitu]

Mam problem, chcę zrobić aby tło strony zaczynało się od dołu. Gdy strona jest długa i pojawia się pasek przewijania jest ok, natomiast w przypadku gdy treść strony jest krótsza niż wysokość obszaru w przeglądarce tło nie jest na dole.

Mój kod:

[HTML] pobierz, plaintext 
body { 
    background: url('../images/bg.png') bottom center no-repeat scroll;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
}
[HTML] pobierz, plaintext 

[_Borys_]

Przeglądarka pewnie nie wie jaka wysokość strony i pewnie dlatego nie działa, problem podobny do rozciągania diva na 100% wysokości strony bez podania konkretnej wysokości.

[pitu]

W takim razie jak to rozwiązać? Dałem 100%, ponieważ chcę mieć tło zawsze na całą szerokość strony.

[_Borys_]

Chodzi o wysokość, jak nie będzie podanej konkretnej wysokości to przeglądarka wylicza wysokość strony z tych elementów które ma do dyspozycji a więc w tym przypadku prawdopodobnie tylko jest obrazek ten a więc dół wysokości będzie na dole obrazka czyli jeśli obrazek ma wysokość 50px to dół strony będzie 50px od góry, jeśli będzie więcej elementów na stronie to automatycznie te wysokości się sumują i dół schodzi coraz niżej. Tak to jest bez podawania konkretnej wysokości strony albo jakiegoś elementu. Jeśli chodzi o rozwiązanie to nie mam pojęcia, ja bym ustawił jakąś wysokość stałą w px albo innej jednostce.

[memory]

http://ryanfait.com/sticky-footer/

[!*!]

http://jsfiddle.net/7wvWy/

[pitu]

@memory prawie o to chodzi, lecz w moim przypadku obrazek jest jednocześnie tłem.

@!*! tutaj obrazek jest na dole treści, nie strony. Mi chodzi aby przy małej ilości treści (niepełna strona) było na dole obszaru widocznego w przeglądarce, natomiast przy pojawianiu się scrolla obrazek był na końcu treści czyli dopiero po przewinięciu na dół byłby obrazek. Oczywiście cały czas piszę o .body, czyli obrazek ma być tłem. Ma on 500px wysokości.

[memory]

Kolego pokaż, jak wygląda to tło

[!*!]

pitu - link

[pitu]

OK, podaję przykład z gotowym tłem: http://jsfiddle.net/7jzyk/4/

[!*!]

W CSS chyba to nie przejdzie. Sprawdź w JS czy scroll istnieje, jak tak to zmień wartość CSS http://stackoverflow.com/questions/4814398...lbar-is-visible