2

I'm getting tired to trying to rotate the column text from a table in html.

This is what I have, it just works in chrome and Firefox, but not in IE9. http://contoso2.azurewebsites.net/scores/listscores

I was seeing these examples about the vertical text. I'm using IE9 and it looks good, I supposed they are using something like a canvas, I really not sure.

http://jsfiddle.net/R4JvP/11/ http://www.ok-soft-gmbh.com/jqGrid/CheckboxesWithVerticalHeaders1.htm

The second link is what I'm interested show all the header columns in rotation: (-90)deg How can I implement this in all browsers?

Darf Zon
  • 6,268
  • 20
  • 90
  • 149
  • Check this link out: http://stackoverflow.com/questions/4865167/css3-transform-rotate-in-ie9 Should answer your question. – Jake Bennett Feb 17 '13 at 03:30

2 Answers2

0

You could use -ms-transform: rotate(-45deg);

Tommy Bjerregaard
  • 1,089
  • 11
  • 24
0
-moz-transform: rotate Firefox 4+
-webkit-transform: rotate Safari 5+, Chrome 10+
-ms-transform: rotate Internet Exlorer 9+
transform: rotate
Jacob
  • 3,580
  • 22
  • 82
  • 146