адаптивный фон в div

[riccco]

Здравствуйте, честно скажу, версткой занимаюсь совсем не долго, по этому не хватает знаний для выполнения задачи, прошу помощи в адекватном решение

Задача в следующая в рабочей области div слайдер + кликабельные доп. изображения, максимальным размером 980px (выделена красным цветом) и есть background который растягивается при разрешения свыше 980px (стрелочки синим цветом). Нужно сделать так чтобы фон при разрешении 980px и ниже исчезал типо display:none или подменялся #fff. Для просмотра ссылки Войди или Зарегистрируйся

Прошу помощи как это можно осуществить, а то получается так что небольших разрешениях фон сжимается как видно на Для просмотра ссылки Войди или Зарегистрируйся

 

[Solus_Rex]

[html]
<div class="qqq">тут текст</div>
[css]

  body { background: #A3B73A; }
  @media screen and (max-width: 980px) {
  body { background: #EA6E40; }
  }
.qqq {
  width: 800px;
  margin:0 auto;
  text-align: justify;
}

Для просмотра ссылки Войди или Зарегистрируйся

Только вместо цвета #A3B73A вставьте свою картинку.
А оранжевый цвет можно выхерачить в "none".
Удачи.

 

[vytyacom]

Solus_Rex подсказал решение, только возможно стоит убирать бг при разрешении больше 980 пксл, т.к. судя по скринам будут разрешения при которых бг будет так сказать обрезан. В общем редактируется изменением "max-width: 980px"

 

[riccco]

проверю отпишусь о варианте решения