Задача: сделать фон и два элемента div масштабированными и перемещаться относительно окна браузера

Question

Я хочу взять то, что здесь:

http://test.thebkk.net

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

CSS с позиционированием и т. Д.:

body {
       background-color: black;
       background-image: url('http://thebkk.net/Images/BVF-Temp.jpg');
       background-repeat: no-repeat;
       background-position: 45px -30px;
}

/* Player Style */
#player {
      position: fixed;
      width: 680px;
      margin-top: 15px;
      margin-left: 350px;
      border: outset 5px white;
}
ul#menu {
      position: fixed;
      margin-top: 12px; 
      margin-left: 90px;
      padding: 0; 
      list-style: none;
      clear: both;     
}  

Answer 1

используйте background-size: 100% auto; (ш / ч) и думает, что должно работать. для всего остального используйте процентную ширину (и высоту), а также позиции