Почему я вижу разные размеры шрифта при печати страницы с IFrame?

Question

У меня простая табличная HTML-страница с очень простой таблицей стилей. Я могу открыть страницу в IE7 и FireFox 3, и это выглядит точно так же. Я могу распечатать страницу из обоих браузеров, и она выглядит точно так же. Мы будем называть страницу «ProblemPage.htm»

Теперь внутри страницы ASP.Net, я создаю IFrame и загрузить HTML в IFrame, как это:

window.frames[iframeId].location.href = "../ProblemPage.htm"; 

Когда пользователь нажимает кнопка на странице ASP.Net, она вызывает функцию, которая делает это:

window.frames[iframeId].focus(); 
window.frames[iframeId].print(); 

когда я делаю это, и распечатать его, версия Firefox выглядит точно так же, как это было, когда я загрузил страницу отдельно и распечатать его , Версия IE7 уменьшает размер шрифта примерно до половины.

Обратите внимание, что настройки настройки страницы в значительной степени заданы по умолчанию. Я использовал разные принтеры и печатал напрямую в PDF. Я несколько раз очистил свой кеш, чтобы убедиться, что я использую тот же CSS. Однако на том же сеансе IE7 страница сама печатает один путь, страница, напечатанная через IFrame, как указано выше, печатает с меньшими шрифтами. Хотя в одном сеансе Firefox сама страница печатает точно так же, как страница, напечатанная через IFrame.

Любые идеи? Похоже, что некоторые из моих стилей «просачиваются» на страницу, когда я печатаю ее в IE или что IE интерпретирует стиль, отличный от IFrame.

UPDATE

Ну, я предполагаю, что это не "утечка стилей". Если я поместил Сброс CSS Yahoo в файл ProblemPage.css, он определенно подхвачен обоими браузерами во всех четырех случаях, но проблема остается: когда IE печатает страницу из IFrame, размеры шрифтов прикручиваются.

UPDATE 2

Никогда не нашел проблему. Упрощенный тестовый проект не показал той же проблемы, и я подозреваю, что могут возникнуть проблемы с основными страницами, темами или что-то в этом роде. Интересно, что проблема не возникала на IE6, просто IE7.

Я закончил взломать свой путь вокруг проблемы с условно прокомментированным CSS только для IE7. Это была единственная часть всего приложения, где мне пришлось использовать условный CSS.

Еще хотелось бы получить ответ (или даже несколько WAG относительно того, что искать дальше).

Answer 1

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

Answer 2

Когда вы описали «меньший размер шрифта», это заставило меня задуматься о случаях, в которых у меня была сложная спецификация «font-size: 0.8em» в моем CSS. Сложенным я имею в виду, что текст, который показывал лишнее, был внутри родительского элемента, у которого на нем был размер шрифта EM, и у него был один.

Я бы не ожидал, что это произойдет с iframe, но я подумал, что выброшу это на всякий случай.

Answer 3

Звучит странно.Трудно диагностировать без испытания в Интернете, но:

• делает то же самое произойдет, если вы window.print() из JavaScript в родительской странице?

• Если нет, то как насчет того, чтобы дочерний кадр вызывал функцию или задавал переменную в скрипте на родительском фрейме, который затем (когда элементы управления возвратом к родительской странице через таймаут или опрос) вызывает print() on его собственное окно?

Answer 4

Добрый день! Если у вас все еще есть проблема, попробуйте эту статью .. Это сработало хорошо для меня.

http://bytes.com/topic/misc/answers/629926-ie7-printing-iframe-solution

Answer 5

Вы можете попробовать это:

function pr(frameId){ 
    var printed; 
    var iframe = document.getElementById(frameId); 
    var ifWindow = iframe.contentWindow || iframe; 
    ifWindow.focus(); 

    try { 
     var printed =ifWindow.execCommand('print', false, null); 
    } catch (e) { 

    } 

    if (! printed) { 
     ifWindow.print(); 
    } 
}