Imprimir página da Web com texto girado no Internet Explorer 9

Question

Oct 23, 2011, 10:32 PM

internet-explorer text printing rotation webpage

Imprimir página da Web com texto girado no Internet Explorer 9

OK, então eu mudei completamente esta questão, vamos cortar a porcaria. Experimente este link:Impressão do navegador de texto girado (Ele contém exatamente o código fonte, conforme indicado abaixo)

Você verá um texto em blablabla vermelho com uma borda azul girada 90 graus cc

Agora, o meu problema para qualquer usuário do IE9, acesse o meu site ou use este código abaixo. Como você pode ver na visualização de impressão: menu de contexto -> "Visualização de impressão ...", a rotação falha! (E é claro que as cores do plano de fundo se perdem, mas isso é normal)

E sei que é possível imprimir, por exemplo, 35 graus, texto girado, eu tenho um exemplo disso, mas ele contém muito código css css, por isso não consegui descobrir o que é diferente exemplo

Alguém pode ver que coisa óbvia estou perdendo aqu

<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
.testRotation
{
  width: 200px;
  height: 16px;
  background-color: red;
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=1, M21=-1, M22=0, SizingMethod='auto expand');
  -moz-transform:rotate(270deg) translate(-200px,0px);
  -moz-transform-origin: 0% 0%;
  -webkit-transform: rotate(270deg) translate(-200px,0px);
  -webkit-transform-origin: 0% 0%;
  -o-transform: rotate(270deg) translate(-200px,0px);
  -o-transform-origin: 0% 0%;
  transform: rotate(270deg) translate(-200px,0px);
  transform-origin: 0% 0%;
  zoom: 1;
  position: absolute;
  left: 20px;
  top: 100px;
  margin: 10px;
}
</style>
</head>

<body>
<div style="position: absolute; width: 16px; height: 200px;left: 25px; top: 105px; background-color: green; border-style: solid; border-width: 5px; border-color: blue;word-wrap: break-word;">
TARGET
</div>
<div class="testRotation">
BLABLABLABLABLA
</div>

</body>
</html>