Печать таблицы HTML отбрасывает ячейки в первом столбце - PullRequest
5 голосов
/ 31 мая 2011

Я обнаружил странную проблему в Internet Explorer и Chrome: у меня есть простая таблица HTML без CSS макета, 2 столбцов, без стилей и ширина, установленная на 100%.Когда я пытаюсь напечатать эту таблицу в Internet Explorer (все версии) и Chrome, первая ячейка на 2-й странице и позже удаляется.

Фрагмент HTML:

<html>
<head></head>
<body>
   <table  width='100%' cellspacing='0'>  
      <tr><td  align='left'>Date</td><td  align='left'>Order No.</td></tr>  
      <tr><td  align='left'>5/24/2011</td><td  align='left'>287426</td></tr>
      <!-- SNIP :: Many more rows -->
    </table>
 </body>
 </html>

всю таблицу можно найти по адресу: https://gist.github.com/1000367

Вывод в предварительном просмотре печати в Internet Explorer для страницы 2 выглядит следующим образом:

Missing first cell

Я добавилцветные линии и кружок, чтобы подчеркнуть, что левая ячейка отсутствует.

Есть идеи?

Я попытался отрегулировать отступы и поля на внешней стороне стола, но безуспешно.Как и предполагалось, я также добавил следующие правила CSS без эффекта:

   BODY { margin: 0px; padding: 0px; }

Ответы [ 4 ]

2 голосов
/ 31 мая 2011

IE имеет проблемы с печатью, когда тип документа не установлен правильно.Попробуйте добавить тип документа в верхней части страницы.В моем тесте добавление <!DOCTYPE html> к вершине вашего образца решило проблему.

1 голос
/ 31 мая 2011

Просто мысль, но вы можете исследовать другой файл CSS для печатных СМИ.Это обычная практика, но я не совсем уверен, что предложить по вашей конкретной проблеме.Прошло несколько лет с тех пор, как мне пришлось делать разметку для печати в деталях.

Сейчас я использую Blueprint CSS для своих сайтов, и у него есть отдельный файл CSS для печати.http://www.blueprintcss.org/ Может быть, вам просто нужно повторно отправить сообщение для печати, например, предложения по проекту.

0 голосов
/ 01 октября 2015

У меня та же проблема. Веб-страница, которую я пытаюсь исправить, не является HTML 5 и имеет следующий DOCTYPE ...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

... но даже переходя на HTML 5 ...

<!DOCTYPE HTML>

... не помогло. Я обнаружил, что мета-тег также вызывает эту проблему ...

<META content="IE=5.0000" http-equiv="X-UA-Compatible">

... когда я удалил этот метатег даже с HTML 4 DOCTYPE, он отображался правильно.

0 голосов
/ 31 мая 2011

У меня такое ощущение, что это из-за 100%.Возможно, лучше установить для таблицы ссылку фиксированного размера 400px.

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