Internet Explorer 8 표준 모드의 Bing Maps 인쇄 문제

Question

최근에 작성한 웹 맵 응용 프로그램에 기본 인쇄 기능을 추가하기 위해 노력하고 있습니다. 표준에서 Internet Explorer 8을 사용할 때 인쇄 작업을 올바르게 수행 할 수 없습니다. 방법. 더 많은 CSS 경험을 가진 사람이 도움을 줄 수 있기를 바랍니다.

내가보기에는 jsbin에 대한 기본 예제를 만들었습니다 : http://jsbin.com/osepov/16. 이 예제는 대부분의 브라우저에서 제대로 인쇄됩니다. 그러나 표준 모드의 Internet Explorer 8에서는 인쇄 할 때지도의 타일 이미지가 첫 페이지에서 벗어나 두 번째 페이지로 이동합니다. 여러 CSS 조합을 시도해 보았고 문제를 해결할 수있는 해킹을 찾는 데 몇 시간 씩 웹을 탐색했습니다. 나는 분명히 지금까지 운이 없었습니다.

이

1. 지도는하지 않습니다 : 인쇄 기능은 대부분의 브라우저에서 잘 작동이기 때문에, 나는 몇 가지 타협 기꺼이

   이 필요한 경우,이 Internet Explorer에서 작동하는 8 개 표준 모드를 ​​얻을 수 있습니다 헤더를 뺀 전체 페이지를 채워야합니다. 고정 된 높이를 가질 수 있습니다.

2. 헤더가 멋지지만, 나는 그것을하지 않고 기꺼이 할 수 있습니다.

서버에서 PDF를 만들 수는 있지만 실제로는 간단한 인쇄 스타일 시트를 사용하고 싶습니다.

참고 : 예, IE 8 표준 모드를 ​​지원해야합니다. 나는 IE8 사용자를 IE7 모드로 차용 한 해결책을 가지고 있었지만 이것은 내 고객에게 받아 들여지지 않았습니다.

Answer 1

업데이트 2 : IE8을 IE7 표준 모드로 낮춰서 문제를 해결할 수있었습니다. 이제지도가 올바르게 인쇄됩니다.

업데이트 : 아니요. 문제가 해결되지 않았습니다. 나는 여전히 같은 문제를 겪고있다. 이것은 작동하는 것처럼 보였지만 여전히 문제가 발생합니다.

원본 POST : 나는 이것을 알아 냈다고 생각합니다. 기본적으로 Internet Explorer 8 표준 모드에서 인쇄 할 때 "최상위"div가 전체 페이지를 충돌시키고 두 번째 페이지로 넘어가는 것처럼 보입니다. 나는 이것이 왜 IE8에서 일어나고 다른 브라우저에서는 일어나지 않았는지 모르지만, 내가 모르는 이상한 IE 전용 버그가있다.

최종 수정 :

#wrapper {height:100%;left:0px;position:absolute;top:0px;width:100%;} 
#top {height:70px;position:relative;width:100%;} 
#main {height:785px;overflow:hidden;position:absolute;top:70px;width:100%;} 

그래서 위치는 "최고"div에 상대적와 픽셀 높이와 "오버플로 : 숨겨진"할당 "메인"DIV에이 문제를 해결하는 것 같았다.

이것은 완벽한 해결책은 아니지만 현재의 요구 사항을 충족합니다.

업데이트 된 솔루션은 다음과 같습니다. http://jsbin.com/osepov/19.