Podajesz przykład i masz w nim odpowiedź. Mapa zbudowana jes z Div'ów osadzanych względem górnego lewego narożnika komórki tabeli. Punkty na mapie to animowane gify, które również osadzane są względem narożnika.
Responsywność można rozwiązać poprzez definicję reguły @media na różną rozdzielczość, a tym samym każdorazowe definiowanie własności position dla pozycjonowanego elementu.
Jeśli masz
Kod:
<div id="nr1" style="position: relative; left: 0px; top: 0px; width: 0px; height: 0px; visibility: visible;">
to musisz zdefiniować wersje stylów DIV nr1 dla wszystkich rozdzielczości. W praktyce masz rozdzielczości desktop,tablet,komórka, czyli dla każdego DIVa musisz mieć 3 definicje tej samej pozycji DIV nr1 desktop | DIV nr1 tablet | DIV nr1 komórka.
W Twoim przykładzie jest ok 50 ramek div więc masz conajmniej 150 definicji stylów.