안녕하세요~ 다름이 아니라, 전체화면시에
아이콘들이 화면밖으로 밀리는 현상에 대해 원인이, 어디있는지 모르겠어서 질문드립니다.
처음 이 형태에서
F11 또는, 마우스 클릭으로 전체화면시에
이렇게 밀리고, 다시 원래대로 해놓으면
되돌아와도 화면 옆쪽으로 밀리게 나옵니다.
이게 제쪽 CSS 문제인지, CSS와 API결합시에 나오는 문제인지를 몰라서 질문드립니다.
소스코드 형태는 이렇습니다.
<div id="aaa">
<div class="bbb">
<div id="map" class="ccc"></div>
<div id="mty" style="width:1px;height:35px;position:absolute"></div>
<div id="mto" class="ddd">
버튼 3개
</div>
</div>
</div>
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
#aaa{
width: 100%;
height: 100%;
position: relative;
}
.bbb{
width: 100%;
height: 100%;
overflow: hidden;
}
.ccc{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding-left: 90px;
box-sizing: border-box;
z-index: 5;
}
.ddd{
position: absolute;
top: 290px;
right: 50px;
z-index: 70;
}
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
var zoomControl = new kakao.maps.ZoomControl();
map.addControl(mty, kakao.maps.ControlPosition.RIGHT);
map.addControl(zoomControl, kakao.maps.ControlPosition.RIGHT);
map.addControl(mto, kakao.maps.ControlPosition.RIGHT);
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
아니면, 혹 new kakao.maps.ZoomControl(); API의 div위치 만 접근할수 있는 방법이 있을까요?
답변 부탁드립니다!