Google지도상의 CSS, CENTERED 요소

Question

내 웹 사이트에 Google지도가 있습니다. 제 문제는 CSS입니다. Google지도 위에 배치 된 CENTERED div를 수행하는 방법은 무엇입니까?

<div style="position:relative"> 
    <div style="width:300px; height:300px" id="map_localization"></div> 
    <div style="position:absolute; width:100px; margin:0px auto;">CENTERED</div> 
</div> 

이 거의 나를 위해 어떤 작품이지만,지도

Answer 1

OVER 가운데에 레이어를 둘 필요가 당신은 몇 가지 코드를 공개 할 수 있습니까?

지도와 div를 모두 상대적 위치 지정 div 내에 가운데에 배치하면됩니다. 그렇다면지도와 div를 모두 절대적인 위치에 두었습니다.

나는 절대 위치와 내부의 사업부를 중심 것 : http://www.zachgraeve.com/2006/10/01/center-abosulte-position-div/

특히, 중심되는 사업부의 CSS는 다음과 같이 보일 것입니다.

여기 http://jsfiddle.net/2zaxd/

는 HTML입니다 :

#divToBeCentered { 
    width: 200px; 
    position: absolute; 
    left: 50%; 
    margin-left: -100px; 
} 

---

업데이트

사실은, 내가 만든이 바이올린은 내가지도하고 포함 사업부의 다른 사업부를 모두 넣어 무엇을 의미하는지 설명 (당신이 가진 것과 비슷합니다).

<div id="containerForAll"> 
    <div id="map_localization"></div> 
    <div id="divToBeCentered">CENTERED</div> 
</div>​ 

및 CSS.

#containerForAll, #map_localization, #divToBeCentered { 
border: 1px solid #000; 
} 

#containerForAll { 
position: relative; 
width: 300px; 
height: 300px; 
} 

#map_localization, #divToBeCentered { 
    position: absolute; 
} 

#map_localization { 
width: 100%; 
height: 100%; 
top: 0; 
left: 0; 
} 

#divToBeCentered { 
width: 100px; 
height: 100px; 
margin-left: -50px; 
left: 50%; 
top: 50%; 
margin-top: -50px; 
} 

지도를 절대 위치 지정을 통해지도 위에 배치합니다.