Na chwile obecną mam obraz tła 1920x514px.

Aktualnie nadałem body styl:

[HTML] pobierz, plaintext 
background-image:url('tlo.jpg'); 
background-repeat:no-repeat; 
background-position:center top;
background-color:#fff;
[HTML] pobierz, plaintext 

Do rozdzielczości HD wyświetla się prawidłowo wszytko. Jednakże gdy pojawi się rozdzielczość większa od 1920 pikseli szerokości to pojawi się po bokach białe tło. Chcę tego uniknąć, dlatego zastanawia mnie w jaki sposób sobie z tym poradzić. Jeśli szerokość okna przeglądarki byłaby większa od 1920 pikseli to chcę by obraz tła rozszerzał się proporcjonalnie do szerokości okna. NIE CHCĘ by obraz tła się zwęrzał jeśli ktoś będzie miał mniejszą rozdzielczość niż 1920 pikseli. Na chwile obecną nie widzę innego rozwiązania jak JS - sprawdzanie szerokości strony i gdy większy od 1920 pikseli to ustawić dodatkowową linijke do body background-size:100% auto;

Czy ma ktoś inny pomysł jak to rozwiązać szybko i zgrabnie by działało? Jak wyglądałoby w praktyce js o którym mówiłem?

Pozdrawiam

tego próbowałeś?

możesz też użyć styli:

http://css-tricks.com/perfect-full-page-background-image/