2013-03-30 2 views
5

им с помощью файла CSS от этого места:CSS макет - вторая пустая страница при печати

http://peterned.home.xs4all.nl/examples/csslayout1.html

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

Ofcourse Мне нужна только первая страница, но я не могу найти, почему она печатает вторую пустую страницу. Кто-нибудь сталкивался с этим раньше или знал, что я должен изменить?

Я думаю, что как-то css-файл имеет некоторые свойства в нем, что делает мою страницу, возможно, слишком большой.

+0

я просто попытался его в хроме. он хочет распечатать только одну страницу. – btevfik

+0

спасибо, что попробовал. Я использую firefox, и он должен распечатать эту страницу, которая открывается javascript во всплывающем окне: http://pastebin.com/ap2wUC6t. Всплывающее окно получило высоту 1200 пикселей, но даже изменение, которое предназначено только для всплывающего окна, и не имеет значения для содержимого при печати. – user2133342

ответ

1

Насколько я знаю, это очень зависит от браузера: с firefox он совершенно не зависит от компьютера, который вы используете, в то время как с хромом это зависит как от вашего компьютера, так и от масштаба страницы.

Например, здесь я не вижу проблем (как ff, так и chrome).

Во всяком случае, вы можете попробовать сыграть с this css2 property: page-break-after:avoid;.

+0

Я просто попробовал его с настройкой перерыва страницы, чтобы избежать, но все же я получаю новую пустую страницу? – user2133342

0

В приведенном вами PHP-коде у вас есть ошибка в конце.

</table> 

</body></div> 
<div id="footer"> 
<p><img src="images/voet.png" alt="Kop" class="voet"/></p> 

</div> 

</div> 
</html> 

Должно быть, вероятно, что-то вроде:

  </table> 

     </div> 
     <div id="footer"> 
      <p><img src="images/voet.png" alt="Kop" class="voet"/></p>  
     </div> 

     </div> 
    </body> 
</html> 
+0

Кроме того, вы открываете тег тела на линии 19, внутри . Между головой и телом у вас есть некоторые div. Они должны находиться внутри элемента тела. Я не уверен, что это проблема печати, но сначала попытайтесь исправить эти проблемы, чтобы проверить, помогает ли она, прежде чем пытаться исправить ее с помощью css. – user1823799

+0

спасибо, я только что исправил это. все еще пустая страница. выглядит как разрыв страницы: избегайте; не работает? – user2133342

+0

Перерыв страницы: избегать; не поможет, если на самом деле у вас есть некоторый пробел, который браузер пытается распечатать. Было бы полезно увидеть настоящую страницу или если это невозможно jsfiddle или просто файл html. – user1823799

4

У меня была такая же проблема, только сейчас и нашел user2624602 answer hepful.

В CSS просто добавьте:

@media print { html, body { height: 99%; } } 
+0

(Дополнение) Если вы говорите, что ваше тело и/или html имеет высоту, а вы, чем добавьте к нему отступы, добавьте его, он станет выше и тем самым создаст дополнительную лишнюю страницу. – Andreas

Смежные вопросы