Изменение ширины страницы для таблицы стилей печати

Question

Итак У меня есть страница , на которой показано изображение с абсолютно позиционированным текстом поверх него.

Я хочу написать для него таблицу стилей печати так, чтобы:

1. изображение изменяется в соответствии с шириной страницы
2. текст перемещается и изменяется для сохранения относительного положения и размера с изображением позади него

Итак, я знаю, что могу сделать (1) только с max-width: 100%, но я не уверен, как это сделать (2). Я в порядке с использованием некоторого JavaScript, если это необходимо, но я хотел знать, есть ли способ сделать это в чистом CSS. Если мне нужно использовать javascript, что можно перехватить, чтобы проверить ширину пиксела изображения на распечатанной странице? Просто используйте рассчитанную ширину как обычно?

---

И да, этот вопрос может быть более уместным для DocType , но Мне еще не нужна помощь .

Answer 1

Моя проблема заключалась в том, что я установил overflow: auto в главном div, что приводило к переполнению содержимого страницы.

Чтобы исправить это, все что мне нужно было сделать, это установить overflow: none.

overflow: auto было то, что заставляло его печататься как

http://rampion.github.com/4eCharSheet/doc/printer-problem.png http://rampion.github.com/4eCharSheet/doc/printer-problem.png

Answer 2

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