Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > В FireFox на печать выдаеться лишь одна страница

Автор: Ziliboba123 18.1.2011, 12:24

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

Код


page-break-after: always;

поставленный для одного из внутренних дивов не помогает, FireFox всеранво игнорит и пытаеться уместтиь все на единственной странице

Автор: ayax2005 18.1.2011, 13:08

Какие ещё свойства у блока с контентом?

Автор: Ziliboba123 18.1.2011, 13:42

впринципе я понял из-за чего это, но как исправить я не понимаю....

как я вижу дело в том что Фокс пытаеться печатать блок div полностью изначально не разбивая его, а он большой на лист не влезает. А понял я это сделав так, либо убрав совершенно главный контейнер, тот самый длинный, и фокс нормально расположил на несколько страниц текст, либо разбив этот контейнер на два, и эти два по их содержимому и расположились на двух страницах.

проблема в том что

Код


page-break-inside: auto;

для Фокса ничто, он такого не знает, опера например увидев это спокойно режет содержимое по страницам как умещаеться.

Еще контейнер имеет свойства:

Код


.mypage{
 width: 170mm;
 page-break-inside: auto;
 padding: 20mm;
 margin: 75 auto 0 auto;
 border: 1px solid gray;
 font-size: 10pt;
 font-align: left;
}

при печати по верх этих свойств пишуться:

Код


.mypage{
 padding: 0;
 margin: 0;
 border: 0;
 float: right;
}

Cобсно сабж - как обяснить Фоксу что ему можно резать div на страницы.

Автор: skyboy 18.1.2011, 14:08

remove "float" property

Автор: Ziliboba123 18.1.2011, 14:25

куда его remove? в стиль для отображения? Ну да ладно remove, только толку нету! По прежнему Фокс пытаеться все уместить на одной странице.

Автор: skyboy 19.1.2011, 00:36

Ziliboba123, я знаю, что у браузеров проблема с разбивкой на страницы float: <что-то> блоков.
давай минимальную по размерам верстку со стилями, которая воспроизводит проблему.

Автор: Ziliboba123 20.1.2011, 11:40

по вашим словам, если я уберу float: <что-то> вообще пролема должна решиться, но ничего подобного, а код, впринципе стили я писал раньше, ну давайте ещераз поподробнее:

значит страничка:

Код


...................
<body>

<div id='mypage'>

<div class='cont'>Абзац...</div>
<div class='cont'>Абзац...</div>
<div class='cont'>Абзац...</div>
<div class='cont'>Абзац...</div>
<div class='cont'>Абзац...</div>
<div class='cont'>Абзац...</div>
................

</div><!-- End MyPage -->

</body>
......................

стили отображения:

Код


#mypage{
    width: 170mm; 
    page-break-inside: auto; 
    padding: 20mm 20mm 20mm 20mm;
    margin: 15px auto 0 auto;
    border: 1px dotted gray; 
    font-size: 10pt;
    text-align: left;
}

.cont{ 
    width: 170mm;
    padding: 0; 
    margin: 1mm 0 1mm 0; 
    font: 10pt/12pt Calibri, Arial, Tahoma, Verdana, sans-serif;
    page-break-inside: avoid;
}

стили при печати:

Код


#mypage{
    padding: 0;
    margin: 0;
    border: 0; 
    float: right;
}

.cont{
    float: right;
}

з.ы.: как уже говорилось можно и убрать float: right; из обоих блоков и из общего mypage и из неразрывных внутренних блоков cont, в плане эксперимента, ничего не меняеться Фокс версии 3.6.6

Добавлено @ 11:50
вот при отсутсвии вообще блока mypage все выводиться замечательно....

Автор: Ziliboba123 23.1.2011, 01:53

Автор: skyboy 23.1.2011, 02:06

у меня нормально печатаются обе страницы.
единственное отличие в коде - добавил в .cont правило height: 5em, чтоб не замусоривать рыбой и чтоб на вторую страницу что-то оставалось.
в аттаче - PDF из "виртуального принтера".
Firefox 3.6.13@ubuntu

Автор: Ziliboba123 31.1.2011, 17:04

чтож спасибо за ответы буду разбираться что у меня не так

Автор: turing 4.2.2011, 10:37

На днях тоже столкнулся с этим багом. http://asfaltoblanco.com/tohas/blog/2011-01-28-firefox-prints-only-first-page/. Мне помогло.