2014-01-17 4 views
0

제거하고 싶은 두 개의 OpenLayers 맵에서 두 곳에서 공백/패딩이 너무 많습니다.openlayers 패딩 공백

여기지도입니다

-http://rainpursuit.org/map.htm - 나는 제거하고 싶습니다 http://rainpursuit.org/mobilemap.htm

공백 :

-지도 주위의 패딩. 불필요하게 큰 팝업 창인 전체 화면 이되고 싶습니다. 과도한 공백은 데스크탑 버전에서 큰 거래는 아니지만 팝업이 열릴 때마다 모바일 앱에서 불필요한 이동을 유도합니다.

나는 여기 저기에 난처 해. 어떤 도움을 주시면 감사하겠습니다. 감사합니다

답변

0

재설정 모두 당신의 CSS의 기본 패딩과 마진 속성 :

.olControlMobileLayerSwitcher { 
    background-color: #FFFFFF; 
    border: 2px solid #CED6D9; 
    display: none; 
    height: 90%; 
    left: 55%; 
    margin-left: -50%; 
    overflow-y: auto; 
    padding-top: 25px; 
    position: absolute; 
    top: 1%; 
    width: 90%; 
} 

width:90%;height:90%; 일으키는 : 모바일 버전에

html, body { 
    margin: 0; 
    padding: 0; 
} 

, 당신은 당신의 mobile2.css에있다 팝업이 커야합니다. 이 값을 변경하여 팝업의 높이와 너비를 줄일 수 있습니다.

+0

굉장합니다. 지도 주변의 여백에 대한 거의 즉각적이고 효과적인 대응에 감사드립니다. 내가 예상했듯이, 이것은 팝업 과도한 공백을 해결하지 못했습니다. 누구나 제안 사항이 있습니까? 다시 한 번 감사드립니다 – Debaser

+0

검색어에 대한 내 답변이 업데이트되었습니다. – tomsullivan1989