Wyświetlam duże zdjęcie na stronie jako tło. Strona ma 900px szerokości, więc jeśli ktoś ma rozdzielczość 800px i przesunie poziomy suwak w prawo to tło obrazkowe jest ucinane - wyświetlany jest czarny kolor. Jak zrobić żeby tło obrazkowe było wyświetlane również w części ukrytej po prawej stronie?

  1. body { height:100%; background-color:#000000; background-image:url(../image/preloader.gif); background-position:50% 75px; background-repeat:no-repeat; }
  2. #main { z-index: 0; background:url("http://www....background.jpg"); background-attachment:fixed; background-position: top center; }


Takie coś widzę jak przesunę suwak w prawo (po lewej biały obrazek a po prawej czarne tło body). Jest to szczególnie widoczne na tabletach które mają niską rozdzielczość. Nie da się tego w żaden sposób naprawić?



Znalazłem rozwiązanie, wystarczy użyć min-width