I need to rotate div by 90, 180, 270 and 360 degrees.
For 90 and 270 degree rotation, i interchanged width
and height.
and for 180 and 360 degree rotation, i kept initial

width and height. But in either case, text i.e.

div(innerhtml) is not rotating.

How to achieve this. If there is any formula then let

me know.
How it can be done using sin, cos manipulation.

Also it should work in IE6, IE7,FF1,FF2, FF3, so i

have not used CSS3 property "writing-mode"

Any help will be greatly appreciated.

Thanks in advance

8 Years
Discussion Span
Last Post by Airshow


If I understand correctly, what you want is beyond the current capability of HTML/CSS. From what I have read (briefly), write-mode may do what you want but is currently poorly supported (if at all).

For static content, then you could create four images (in eg Photoshop) one for each of the rotations, then show these images appropriately. However, for dynamic content it is harder. I think you would need to write an applet to do the job, then include the applet on the page.

I am not the best person to help you with applets but I hope I have pointed you in the right direction. A Java person would be useful.

Good luck


This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.