애니메이션 반응 Svg-Map

Question

우선 : Merry Christmas!

나는 반응이 빠른 클릭 가능한지도를 만들려고합니다. 나는 svg 이미지의 위치를 ​​안정되게 유지하지 못하고 있습니다. 여기를 참조하십시오 : http://wp12730465.server-he.de/heim/

저는 이것을 어떻게 해결해야할지 모릅니다. 보시다시피, 오버레이 이미지가 뛰어 올라서 창 크기가 조정될 때 예상되는 위치를 잃게됩니다.

아이디어가 있으십니까? 최고, Anka

Answer 1

질문을 올바르게 이해하면. 상대 위치로 gelaende div로 변경했습니다.

.gelaende { 
     position: relative; 
     width: 100%; 
     float: left; 
} 

Answer 2

메리 크리스마스도 : 그주고있다 [위치 : "상대"] 할 가장 좋은 방법은 부모 DIV에 당신이 한 (.section)입니다 :

<div class="section"> 
<div id="responsiveTabs" class="r-tabs"> 
<ul id="tabs" class="r-tabs-nav"> 

합니다. ..

& 또한 위에 사용하려는 모든 단일 이미지에 대해 [position : "absolute"]를 정의합니다.

#heim { 
width: 14vw; 
position: absolute; 
height: auto; 
top: 12vw; 
left: 0; 
} 

당신이 최고 나타났습니다과 왼쪽 위치는 모든 단일 이미지를 변경하는 데 필요한 다음과 같음 : 이미지 아래 이 좋은 예입니다.