IE7 CSS Float вызывает переполнение содержимого при печати

Question

При попытке распечатать следующую веб-страницу в IE7 (или в режиме совместимости с IE8) часть содержимого (два нижних вопроса) обрезается. Вы можете просмотреть проблему в режиме предварительного просмотра.

http://www.testdesigner.com/tests/print.jsp?testId=4097

Удаление поплавка в следующем блоке css, найденном в printTestTwoColumns.css, исправит проблему, но также удалит форматирование в два столбца.

.question {
    float: left;
    width: 44%;
    padding: 0;
    margin-right: 0;
}

Важно отметить, что HTML-код в приведенном выше URL-адресе генерируется динамически, и проблема существует со всеми типами контента, включая чистый текст (без изображений). Содержимое всегда переполняет страницу.

Если не считать разметки для табличного макета, есть ли у кого-нибудь возможное решение?

Answer 1

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

Answer 2

с FLOAT IE имеет тенденцию добавлять дополнительный отступ 10PX, даже если вы указали отступ: 0.

Попробуйте добавить отображение: встроенное, т.е.

.question { float: left; width: 44%; padding: 0; margin-right: 0; display:inline }

Надеюсь, это поможет.