Firefox не может печатать содержимое больших div - PullRequest
1 голос
/ 01 февраля 2012

Откройте следующий HTML-код в Firefox

<!doctype html>
<html>
    <body>
        <div style="width: 1000px; height: 4000px;">
            <div style="margin-left: 500px; margin-top: 2000px; position: absolute;">Caption </div>
        </div>
    </body>
</html>

Нажмите Печать -> Предварительный просмотр.

Вы ожидали увидеть слово Заголовок на второй странице (в портретном режиме), но все страницы пусты.

Ответы [ 2 ]

1 голос
/ 01 февраля 2012

Ваша проблема - position:absolute.У вашего элемента нет позиционированных предков, поэтому его содержащий блок является начальным содержащим блоком, для http://www.w3.org/TR/CSS21/visudet.html#containing-block-details.В печатном CSS начальный содержащий блок - это область первой страницы, в соответствии с http://www.w3.org/TR/CSS21/page.html#page-area

. Таким образом, вы просите, чтобы элемент был расположен на первой странице документа, в 2000 пикселей от верхней частистр.Который, конечно, находится внизу страницы.Там нет ничего, что говорит, что это генерирует больше страниц ...

0 голосов
/ 01 февраля 2012

Интересно.

Конечно, вы можете просто написать CSS для печатных СМИ:

http://www.w3schools.com/css/css_mediatypes.asp

Следовательно, при печати свойство height может бытьуказано что-то намного меньше, чем 4000px.

Опять же, зачем вам такая большая высота?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...