Проблема с печатью карт Google и использованием «разрыва страницы» в IE8 - PullRequest
Новая
       22

Проблема с печатью карт Google и использованием «разрыва страницы» в IE8

3 голосов
/ 11 июня 2010

У меня возникла досадная проблема, когда я пытаюсь заставить HTML-страницу с картой Google печатать правильно, у меня есть карта Google с

над ней, все обернуто в div, и div установлен в 'страниц обкатки перед: всегда;»в CSS, чтобы карта и ее заголовок всегда находились на новой странице. Проблема в том, что только в IE8 я всегда могу видеть большую часть карты, отображаемой на предыдущей странице при печати, а такжечасть карты, которая видна на предыдущей странице, находится за пределами видимых границ карты. HTML: <div id="description"> <h2>Description</h2> <p>Some paragraph of text</p> <p>Some paragraph of text</p> <p>Some paragraph of text</p> </div> <div id="map"> <h2>Location</h2> <div id="mapHolder"></div> <script type="text/javascript"> // ... javascript to create the google map </script> </div> CSS: #map { page-break-before:always; } Вот скриншот того, как он выглядит в IE8 http://twitpic.com/1vtwrd Он отлично работает в любом другом браузере, который я пробовал, включая IE7, так что я немного растерялся, у кого-нибудь есть идеи по поводу каких-либо хитростейостановить это?

1 Ответ

2 голосов
/ 16 июля 2010

Я узнал, если вы добавите div с разрывом страницы с высотой, например.10px с пустым html-содержимым перед элементом Map, тогда вы можете решить эту проблему.

в CSS:

page_break_before {height: 10px;страниц обкатки перед: всегда;}

затем перед картой div:

var pageBreakDiv = window.document.createElement ('div');pageBreakDiv.id = 'page_break_before';printingMapDiv.appendChild (pageBreakDiv);

И удалить разрыв страницы до: всегда;в вашем #map div.

Приветствия,

Цзин

...