다음지도나 게시판 가운데 정렬이요!
본문
다음지도랑 그누보드 게시판을
div로 해서 안에다 넣었는데요...
홈페이지를 가운데 정렬하면
다른건 다 가운데로 오는데
div로 한건 가운데로 안오네요ㅜㅜ
<div id="apDiv1">
<!-- * Daum 지도 - 지도퍼가기 -->
<!-- 1. 지도 노드 -->
<center>
<div id="daumRoughmapContainer1477623840464" class="root_daum_roughmap root_daum_roughmap_landing"></div>
<!--
2. 설치 스크립트
* 지도 퍼가기 서비스를 2개 이상 넣을 경우, 설치 스크립트는 하나만 삽입합니다.
-->
<script charset="UTF-8" class="daum_roughmap_loader_script" src="http://dmaps.daum.net/map_js_init/roughmapLoader.js"></script>
<!-- 3. 실행 스크립트 -->
<script charset="UTF-8">
new daum.roughmap.Lander({
"timestamp" : "1477623840464",
"key" : "dtzn",
"mapWidth" : "650",
"mapHeight" : "400"
}).render();
</script>
</div>
이거 지도인데ㅜㅜ 도와주세요
답변 4
style 에 margin: 0 auto; 넣으시면 중앙정렬 될 수 있습니다.
저는 익스플로러9/크롬에서 확인 하니까 가운데로 오는데요
<div id="apDiv1">
<!-- * Daum 지도 - 지도퍼가기 -->
<!-- 1. 지도 노드 -->
<center> 이부분 </center> 이 일단 없구요
<div id="daumRoughmapContainer1477623840464" class="root_daum_roughmap root_daum_roughmap_landing"></div>
<!--
2. 설치 스크립트
* 지도 퍼가기 서비스를 2개 이상 넣을 경우, 설치 스크립트는 하나만 삽입합니다.
-->
<script charset="UTF-8" class="daum_roughmap_loader_script" src="http://dmaps.daum.net/map_js_init/roughmapLoader.js"></script>
<!-- 3. 실행 스크립트 -->
<script charset="UTF-8">
new daum.roughmap.Lander({
"timestamp" : "1477623840464",
"key" : "dtzn",
"mapWidth" : "650",
"mapHeight" : "400"
}).render();
</script>
</div>
그리고 div를 가운데 정렬 시키실려면
일단 가로 크기가 100%의 div가 있고
그 안에 해당 사이츠에 div를 넣으신다음에 margin:auto 주시면 가운데 정렬은 되실거에요
대신 div width크기는 모두 들어가 있어야 하구요~
<div class="container">
<div class="row">
<div style="width:100%;" id="daumRoughmapContainer1472984123689" class="root_daum_roughmap root_daum_roughmap_landing">
<!--
2. 설치 스크립트
* 지도 퍼가기 서비스를 2개 이상 넣을 경우, 설치 스크립트는 하나만 삽입합니다.
-->
<script charset="UTF-8" class="daum_roughmap_loader_script" src="http://dmaps.daum.net/map_js_init/roughmapLoader.js"></script>
<!-- 3. 실행 스크립트 -->
<script charset="UTF-8">
new daum.roughmap.Lander({
"timestamp" : "1477623840464",
"key" : "dtzn",
"mapWidth" : "650",
}).render();
</script>
</div>
이런식으로 해보셔요
위 클래스로 묶어주고 밑에 스타일로 100%주면 될거예요
