Witam,

na dole strony internetowej chciałbym umieścić trawę ale w przypadku małej zawartości strony wędruje do góry (rozdzielczość 1680x1050). Jak zrobić aby zawsze była na dole strony. Obecnie mam:

[HTML] pobierz, plaintext 
 <div id="footerDown">&nbsp;</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
#footerDown{
    background:url('../grafika/trawa.jpg')  ;
    background-repeat:repeat-x;
    width:100%;
    height:84px;
}
[HTML] pobierz, plaintext 

Pozdrawiam

Position: fixed i bottom

Dodałem:

[XML] pobierz, plaintext 
#footerDown{
    background:url('../grafika/trawa.jpg')  ;
    background-repeat:repeat-x;
    width:100%;
    height:84px;
    position: absolute; bottom: 1px; width: 200px; height: 25px;
}
}
[XML] pobierz, plaintext 

Nie wyświetla mi się teraz trawa..

Pomyliłem się - powinno być fixed. Zastanów się co robisz, a nie kopiujesz bezmyślnie. Spr. najpierw jak działa mój kod - porównaj odpowiednie wartości. Po co zmieniasz width i height?

działa

[HTML] pobierz, plaintext 
#footerDown{
    background:url('../grafika/trawa.jpg')  ;
    background-repeat:repeat-x;
    position:fixed; 
    width: 100%; 
    height: 85px;
    bottom:-1px;
}
[HTML] pobierz, plaintext 

A czy jest możliwość aby ten DIV był na dole ekranu, na dole suwaka ? a nie jak w obecnej chwili na dole ekranu z pominięciem suwaka ?

To znaczy? Żeby przewijana treść była nad tym czymś? Zostaje Ci opakowanie strony w dodatkową warstwę + overflow: auto.