Полосы прокрутки, отображаемые на печатной странице в IE9? - PullRequest
10 голосов
/ 10 марта 2011

У меня проблема с IE9, показывающим горизонтальные полосы прокрутки на распечатанной странице, даже если содержимое страницы полностью соответствует размеру. Я пробовал несколько вещей, чтобы удалить их в моей печати CSS. Кто-нибудь еще имел эту проблему и нашел способ обойти это?

Ответы [ 5 ]

13 голосов
/ 22 мая 2012

Я столкнулся с той же проблемой. Это забавное исправление. Определите свойство переполнения как важное. Оно работает. LOL на IE.

overflow:hidden !important;
2 голосов
/ 27 марта 2011

В прошлом у меня была эта проблема с IE несколько раз. Обычно это проблема маржи. Разные браузеры рассчитывают поля по-разному. Как вы позиционируете элементы? У вас есть оболочка с фиксированной шириной вокруг содержимого или тело расширяется до ширины браузера? Трудно определить проблему без действительного кода CSS.

Я бы предложил удалить любые отрицательные поля, которые у вас есть (IE это не нравится), и проверить, есть ли у вас правильные поля для ненужных элементов.

0 голосов
/ 09 апреля 2018

Используйте следующий код для тега body в функции JavaScript print:

printWin.document.write(
  '<style>div {overflow: visible !important; height:auto !important;}</style>'
);
0 голосов
/ 11 октября 2013
@media print{

    .dont-print
     {
        overflow:hidden;
     }

}

dont-print - это просто имя класса, которое я использовал ранее, изменив его на то, что вам нужно

0 голосов
/ 11 марта 2011

Вы уверены, что выбрали правильный тип мультимедиа таблицы стилей?Как:

<link rel="stylesheet" href="print.css" type="text/css" media="print" />`

И попробуйте следующее в вашем файле print.css:

html, body { overflow-x: hidden; }
...