Как можно DIV разместить поверх другого DIV-а с определённым смещением?

Question

[andreystrelkov]

Здравствуйте, подскажите пожалуйста.
У меня в Drupal-е рисуется карта, шириной 100%, а для этой карты есть блок фильтра, который находится выше неё.
Рабочая область сайта рассчитана на ширину в 1260px, а блок фильтра будет 300px

Как можно этот блок наложить сверху на карту, таким образом, чтобы он был с координатами относительно центра смещён влево (получается) на -630px

Получается самое тупое, это сначала выровнять его по центру с помощью margin-left,right: auto;
а как потом ещё смещение сделать?

На рисунке показано - как хочется зелёным

Answer 1

[Алексей Кулешов]

#layer{
  position: relative;
   ...
}

Положение элемента устанавливается относительно его исходного места. Добавление свойств left, top, right и bottom изменяет позицию элемента и сдвигает его в ту или иную сторону от первоначального расположения.

Answer 2

[Сергей Мельников]

#my_block {
  position: absolute;
  left: 50%;
  margin-left: -150px; /* половина ширины блока, который центрируем */
}

Answer 3

[Юрий Лобанов]

Можете использовать position: relative;
jsfiddle.net/R97Rv