Вид для печати
Возникла интересная проблема. С одной из страниц сайта распечатывается купон. Во всех браузерах, кроме Opera (11.51), он распечатывается в одинаковом размере. В Opera размер купона немного больше и появляется какая-то полоса справа.
Купон, распечатанный в Opera:
Вложение 3241
Купон, распечатанный в Chrome:
Вложение 3242
Что я мог сделать не так?
Кстати, сейчас обнаружил, что IE 8 в XP печатает купон ещё больше (в лист не влезает). А в семёрке тот же IE 8 печатает всё правильно.
Причину я (надеюсь) понял. Если просто открыть отдельную страницу и распечатать её, то результат будет почти одинакового размера во всех браузерах. Однако такой вариант мне не нравится, из-за чего я в CSS использую блок @media print и печатаю уже открытую страницу, но со специальными стилями. При таком подходе вышеупомянутые браузеры начинают искажать размер при печати.
Может, есть какие-то особенности использования @media print для разных браузеров?
Что находиться в блоке print?
@media print
{
body
{
margin: 0;
padding: 0;
}
body *
{
display: none
}
.coupon
{
display: block;
}
.coupon img
{
display: inline;
width: 88%;
height: auto;
border: 1px dashed #000;
}
}
может опера считает, что так будет лучше, ведь все вмещяется на лист
Опера меня в последнее время сильно разочаровывает, хотя раньше очень нравилась.
Сложный вопрос
Вы много чего могли сделать не так)
Но я все таки думаю что дело в винде)