Afficher le texte verticalement (rotation de 90 degrés) dans IE et Firefox

Question

J'ai une page qui contient un asp GridView et je voudrais afficher le texte verticalement pour lui permettre d'imprimer mieux. Actuellement j'utilise css pour le faire: .rotate {-webkit-transform: rotate (-90deg); -moz-transform: tourne (-90deg); largeur: 25px; }

Qui fonctionne dans FF à l'exception de la largeur 25px est ignoré et dans IE la largeur est définie correctement mais le texte n'est pas vertical. Quelqu'un sait comment faire ce travail dans les deux navigateurs?

Answer 1

est ici une rotation -90 degrés en utilisant le CSS qui devrait fonctionner dans IE:

.box_rotate { 
    -moz-transform: rotate(-90deg); /* FF3.5+ */ 
    -o-transform: rotate(-90deg); /* Opera 10.5 */ 
    -webkit-transform: rotate(-90deg); /* Saf3.1+, Chrome */ 
    filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', 
      M11=6.123031769111886e-17, M12=1, M21=-1, M22=6.123031769111886e-17); /* IE6,IE7 */ 
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', 
       M11=6.123031769111886e-17, M12=1, M21=-1, M22=6.123031769111886e-17)"; /* IE8 */ 
    zoom: 1; 
} 

Pour votre référence http://css3please.com/ est un bon outil pour générer ce genre d'effet CSS avec assez bon soutien dans le navigateur.

Je ne peux pas vraiment dire pourquoi la largeur ne s'applique pas dans FF sans un exemple concret, mais vous pouvez essayer de régler display:block;