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

Question

Итак, I've got a page, который показывает изображение с некоторым абсолютно позиционированным текстом поверх него.

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

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

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

---

И да, этот вопрос может быть более подходящим для DocType, но I've yet to get any help over there.

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, и удалить его снова в таблице стилей печати-медиа. Постепенное создание полей страницы вызовет проблемы.