Резиновая верстка и элементы с абсолютным позиционированием. Как?

Question

[Денис Киселев]

Суть вопроса: Есть блок(карта) на ней расположены дивы с абсолютным позиционированием. Верстка резиновая и вот при изменении ширины окна происходит смещение этих дивов по карте. Как решить эту проблему?

Для наглядности:

Изменяем ширину, и..

Comments

[Алексей Струков]

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

[Денис Киселев]

Алексей Струков: пометок не было. но логично догадаться, что необходимо чтобы блоки с текстом пропорционально смещались по отношению карты

[Алексей Струков]

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

Answer 1

[xmoonlight]

Сделать внешний контейнер (wrapper) и внутрь поместить надписи.
А разлиновку внутри враппера (включая сайзинг изображения с картой)- лучше делать процентными блоками, тогда надписи не будут заезжать на графику.
А вообще, всё, что связано с пометками на карте мира - верстается исключительно на SVG.