Блог

Главная - Вопросы по программированию - @печатать, начиная с половины нижней страницы

@печатать, начиная с половины нижней страницы

#css #printing

#css #печать

Вопрос:

Я настраиваю запросы @print media, но что бы я ни делал, моя страница отлично смотрится в предварительном просмотре pdf, но когда я распечатываю ее, она начинается на полпути вниз по странице? Таким образом, первая половина страницы просто отсутствует в печатном документе. Вырезается не при запуске нового div, а на полпути через div.

В нижней части печатной страницы также много пустого пробела. Я установил ширину, но понятия не имею, как это исправить? Вот код @print, который находится на внешнем листе css:

     @media print{
#nav-bar-upper, .nobr, #contact-and-follow, #blower-mob, #SkypeButton_Call_darrenmortonphotography, #back-to-top-div, #facebook-div{display: none;}
#upper-section{height: 100px;}
#print-website, #print-phone{display: block; text-align: center;}
.title-left{text-decoration: underline;}
h1, h2, h3, p, li, .title-left{color: black; font 12pt "helvetica"}

body, #main-container, #upper-section, #lower-section {width: 80%; margin: 0; padding: 0;}
@page{margin-left: 1cm; margin-right: 1cm; margin-bottom: 0; padding: 0;}  
}

Есть идеи, что могло бы вызвать это и как это исправить? Я искал повсюду, но не могу найти решение.

Комментарии:

1. У меня была проблема, похожая на эту, с chrome, и оказалось, что это было потому, что я использовал display:table для некоторых из моих содержащих элементов

2. @Pete, хм, интересно, я не использую table на этом сайте, так что это будет не так. Раздражает то, что я могу сказать, приблизился ли я к исправлению, только после того, как страница напечатана, поскольку предварительный просмотр выглядит великолепно! Я мог бы изменять каждый элемент, пока не изолирую проблему, но для этого нужно много бумаги!

Ответ №1:

Хорошо, итак, я выяснил, в чем была проблема, и публикую ее здесь на случай, если у кого-то еще возникнут такие же проблемы. Совершенно глупо и, следовательно, последнее, о чем я подумал! Настройки принтера были неверными! Я обнаружил это, когда попытался выполнить печать с другой веб-страницы, и она печаталась так же, как и на моем сайте. Я более внимательно изучил настройки своих принтеров, и после внесения изменений на моей странице теперь печатается нормально! Надеюсь, это поможет кому-нибудь не тратить впустую около 4 часов, как я, пытаясь разобраться с этим!