Home/ Questions/Q 3938188
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T00:09:20+00:00

I’d like to rotate a text by 90 degrees counter-clockwise. Firefox and Chrome are

  • 0

I’d like to rotate a text by 90 degrees counter-clockwise. Firefox and Chrome are no problem, using:

-webkit-transform-origin: top left;
-webkit-transform: rotate(-90deg);
-moz-transform-origin: top left;
-moz-transform: rotate(-90deg);

For Internet Explorer, it should be this line, as far as I know:

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

(The other method, writing-mode, can only rotate text clockwise 90 degrees).

However, in IE the rotated text looks like a badly scaled image on its side (comparison below).

Firefox/Chrome Firefox / Chrome — vs — Internet Explorer: Internet Explorer

Is there any way that Internet Explorer can rotate the text in a more elegant way (possibly Javascript/jQuery)? I’ve been Googling, but I can only find more references to this method…

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The RenderEngine of IE is awful… I would try to work with background images. Maybe a Font Replacement like Cufon would do a better Job. Cufon generates Images of your Text. Works good in IE as far as i know.

    • 0