Błędne wyświetlanie się tła Forum

wersja skryptu MyBB: 1.8.7
adres forum: Link
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Wstawiłem obrazek na forum, ale niestety źle mi się wyświetla, jakich wartości i w którym miejscu użyć ?


KOD

body {
    background-image: url(images/tlo.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    color: #333;
    text-align: center;
    line-height: 1.4;
    margin: 0;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
    overflow-y: scroll;
}

a:link {
    color: #0072BC;
    text-decoration: none;
}

a:visited {
    color: #0072BC;
    text-decoration: none;
}

a:hover,
a:active {
    color: #0072BC;
    text-decoration: underline;
}

#container {
    color: #333;
    text-align: left;
    line-height: 1.4;
    margin: 0;
    min-width: 990px;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

.wrapper {
    width: 85%;
    min-width: 970px;
    max-width: 1500px;
    margin: auto auto;
}

#logo {
    background-image: url(images/tlo.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    padding: 10px 0;
    border-bottom: 1px solid #263c30;
}

#content {
    background-image: url(images/tlo.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    width: auto !important;
    padding: 20px 10px;
    overflow: hidden;

Chciałbym alby ten obrazek obejmował całe tło, z góry dzięki

Fajnie by było gdyby też wyglądało to podobnie do tego



z tym, że z moim obrazkiem.

Konto testowe:

Nick: PanTester
Hasło: testerforum

Z tłem sobie najwyraźniej poradziłeś już, a na inbox chyba nie ma gotowego kodu nigdzie. Musiałbyś napisać sobie plugin / skrypt i to odpowiednio wystylizować, lub co bardziej prawdopodobne - zlecić to na giełdzie.

Zwiększyłem rozmiar obrazka i się uzupełniło, z tym, że przy maxymalnym zmniejszeniu strony brzudko to wygląda jeszcze.
Co do drugiej kwestii to chyba zostawię to jak jest, grunt, że jedno działa

Możesz dać obrazek mniejszy zawsze. Problemem może być cieniowanie krawędzi. Aby powielić tło - choćby dla maksymalnego oddalenia pobawić się z background-repeat: wartości - repeat-x i repeat-y (odpowiednio po danej osi powtarzanie). To jest dobre jeśli tło jest identyczne na krawędziach i można dać znacznie mniejszy rozmiar - pamiętaj, że im większe tło tym dłuższe ładowanie strony i więcej zasobów pożartych (dla mobilek to dość istotne)

Drugim rozwiązaniem jest background-size: cover gdzie tło dopasuje się do wielkości okna (samo się rozciągnie).

Ooo właśnie o to mi chodziło, jesteś wielki @ficus 

* Oczywiście dodałem linijkę  

background-size: cover;

 
gdzie trzeba, wrzuciłem obrazek bez zmian rozmiaru taki jaki był iii działa, dzięki wielkie

Tematu nie zamykam, jeszcze pewno coś mi przyjdzie do głowy

---

Mam jeszcze pytanie odnośnie paska do przewijania na stronie, jak zmienić jego kolor ?

https://css-tricks.com/almanac/properties/s/scrollbar/
https://css-tricks.com/custom-scrollbars-in-webkit/

ale to jest uzależnione od przeglądarki, ogólnie nie powinno się zmieniać tego elementu

Nie koniecznie będę to zmieniać, bo nie chce też zaśmiecać forum, powinno ono chodzić płynnie, ale dobrze wiedzieć jak wygląda taka opcja w kodzie, dzięki wielkie