HTML div 위치 지정 해제

div를 통해지도에 지점을 배치하고 있습니다.HTML div 위치 지정 해제

나는 다음과 같은 코드를 가지고 : 이제 포인트를 기준으로

<div id="map" style = "background-image:url('map.gif');width:382px;height:524px;position:relative;">

<div id="map" style = "background-image:url('map.gif');width:382px;height:524px;"> 

<DIV STYLE="position:absolute; top:222px; left:204px;"> 
<a href=""><img src="bullet.gif" border=0>Point</a> 
</DIV> 
</DIV>

내 페이지에이 코드를 추가 포인트가지도에없는을 그래서 나는 위치를 추가 지도에 있지만 처음에 내가 원했던 곳에서 약간 떨어져 있습니다. 어쨌든이 문제가 수정 되었습니까? 또한 포인트는 다른 브라우저에서 서로 다른 위치에 있습니다. 위치가 표준화되는 방법이 있습니까?

출처

2011-02-28 LostLin

여백/여백/테두리가 적용되어 있습니까? 그것들은 위치 지정에 영향을 미칠 것이다. –

오버레이 대신 하나의 레벨 (계단식 대신)을 사용하는 것이 좋습니다.

<div> 
    <div> 
    </div> 
<div>

사용

<div style=...>  the map 
</div> 
<span style=...></span> an overlayed rectangle 
<span style=...></span> an overlayed rectangle

이 당신을 위해 괜찮아? 호소하지 않으면 지정하고 적응 시키겠다.

출처

2011-02-28 19:06:26

다른 브라우저에서 위치를 표준화하는 방법입니까? – LostLin

그래, 모든 주요 브라우저에서 작동해야합니다 –

'점'이 이제 '지도'div와 관련하여 절대적으로 배치되었으므로 '상단'및 '왼쪽'값을 조정해야 할 수도 있습니다. 도움이되는지 확인하십시오. http://jsfiddle.net/DK9wT/6/

출처

2011-02-28 19:32:37 gmedina

그래도 문제가 있지만. 나는 많은 포인트를 가지고 있지만 각각을 수동으로 조정하고 싶지는 않습니다. – LostLin

글쎄,이 문제는 쉽게 해결할 수 있지만 각 마커의 값을 얻는 방법에 따라 다릅니다. http://jsfiddle.net/DK9wT/7/에서 예제를 업데이트했습니다. 예를 들어, 동적으로 생성 된 일부 JSON 명명 된 포인트에 데이터가 있다고 가정했습니다. 도움이되는지 알려주세요. – gmedina

div를 통해 페이지에 수동으로 배치했습니다. 모든 포인트가 조금씩 바뀌었기 때문에 래퍼 div를 통해 다시 이동시킬 수 있다고 생각했지만, 시도 할 때 모든 것이 엉망이되었습니다. – LostLin

HTML div 위치 지정 해제

답변

관련 문제