views:

630

answers:

2

Is it possible to rotate text by 90° (clockwise or counter-clockwise) using only CSS and compatible with IE6+, Firefox 2 and Opera?

A: 

The BasicImage filter in IE can do that: http://msdn.microsoft.com/en-us/library/ms532972%28VS.85%29.aspx

lod3n
pretty sure that's not compatible with Firefox 2 or Opera
Colin Coghill
The original version of the question only specified IE6 and later.
lod3n
@colin.coghill: its still a valid answer, just not a complete answer. On firefox and webkit is easier. Opera is tougher.
voyager
+2  A: 

http://stackoverflow.com/questions/1080792/how-to-draw-vertical-text-with-css-cross-browser/1080812#1080812

.rot-neg-90 {
  /* rotate -90 deg, not sure if a negative number is supported so I used 270 */
  -moz-transform: rotate(270deg);
  -moz-transform-origin: 50% 50%;
  -webkit-transform: rotate(270deg);
  -webkit-transform-origin: 50% 50%;
  /* IE support should  be added with BasicImage and scripting I think*/
}
voyager
pretty cross browser: >= ie6, >= ff2, and webkit
CrazyJugglerDrummer