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

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

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

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

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

2951e24ca01e458e8ed95306d9a6cdf0.jpg
  • Вопрос задан
  • 50275 просмотров
Пригласить эксперта
Ответы на вопрос 3
#layer{
  position: relative;
   ...
}

Положение элемента устанавливается относительно его исходного места. Добавление свойств left, top, right и bottom изменяет позицию элемента и сдвигает его в ту или иную сторону от первоначального расположения.
Ответ написан
Комментировать
mlnkv
@mlnkv
JavaScript Developer
#my_block {
  position: absolute;
  left: 50%;
  margin-left: -150px; /* половина ширины блока, который центрируем */
}
Ответ написан
Комментировать
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
Можете использовать position: relative;
jsfiddle.net/R97Rv
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы