Честно говоря не знал к какой теме эту проблему отнести. Ну да ладно, приступим собственно к делу.
Представляю отрывок CSS из statement.php: (код переварачивает текст на 90 градусов, т.е. ставит его вертикально)
<style type="text/css">
#rotateText {
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
height: 220px;
width: 120px;
margin: -50px 0px -50px -151px;
}
</style>
<!--[if IE]>
<style type="text/css">
#rotateText {
writing-mode:tb-rl;
height: 130px;
width: 20px;
margin: 0;
}
</style>
<![endif]-->
Далее на этой же странице:
<input type='button' onclick='window.print();' value='Распечатать'>
...
<td width=20>
<div id='rotateText' >Тратата</div>
</td>
...
На экране и в IE (8) и в Opera (10.60) отображается всё как надо.
На распечатанном листе если печатать в
IE (8): "Тратата" пропечатывается как надо;
Opera (10.60): "Тратата" вообще не печатается, просто печатается пустая ячейка.
Теперь вопрос: почему в Opera не печатается вертикальный текст, который виден на экране?