фон на половину блока

Сделать 2 блока по 50%, правому задать фон.

На каком скрине?

может background-position: 50% 0;

смотрите. краснвя зона это основная часть сайта 960пх

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

примерно такая разметка

 <div class="container">
      <div class="center">
          <div class="text">
              бла бла
          </div>
      </div>
 </div>

.center { width:960px; margin: 0 auto;}
.text  {width: 400px; float:left;}
.container: {background: ????????????????? ;}

Попробуйте задать позицию, как выше я дал пример, если правильно понял.

выставлял позицию. фон прыгает в зависимости от ширины окна. сделал -475px(половину изображения) то при открытие в окне 980пх фон стоит правильно, когда открываю больше он движется от центра

Вамже выше ответили

http://codepen.io/vovin/pen/yYVyvV

ответить то ответили, но ведь фон же не с середины начинается

Я бы так делал http://codepen.io/anon/pen/epBmLE

Сделать для этого дива "background: url() center bottom no-repeat;"

и еще можно "background:cover"

если на то пошло то все эти танцы с бубном воще маразм,

тупо:

background: url(картинка) no-repeat 50% 50%; и рулим значениями как угодно и в любую сторону