3

To the help of the user "bookcasey", I did a table having the header labels vertically oriented.

enter image description here

It works in the following browser (Firefox, Google chrome, safari) except Internet Explorer 8/9.

With IE 8/9 it works but the width of the column is too large. Any hints how to resize the width of the columns?

The code is to this link: http://codepen.io/anon/pen/DjFcE

The question is related to this one vertically text for the label in the header column

Community
  • 1
  • 1
js999
  • 2,063
  • 4
  • 26
  • 34
  • 1
    I wonder about the usability of vertical, English text – mrk Oct 19 '12 at 16:29
  • It works in IE9 if you remove the `-ms-transform: rotate(-90deg);`. Otherwise it applies both the `-ms-transform` and the `transform` and you end up with upside-down text. ;) – Roddy of the Frozen Peas Oct 19 '12 at 16:35
  • 1
    @RoddyoftheFrozenPeas , mrk , The vertical text is very effective for a table with a lot of columns. Anyway since it works very fine for ff, chrome, safary.. I would like to have it also for IE 8-9 – js999 Oct 19 '12 at 16:36
  • It maybe effective for saving horizontal room, but it's very hard to read. And it works in IE9 with the fix I mentioned above. – Roddy of the Frozen Peas Oct 19 '12 at 16:48
  • @RoddyoftheFrozenPeas it work in IE9 but what about the width... to me it looks too large. It will be possible to resize it as in the picture attacehd to this question? thanks – js999 Oct 19 '12 at 16:50
  • @js999 I find the picture confusing. What you should upload is either a single image depicting the problem, or at most two images for showcasing both the problem and the desired solution. – TheZ Oct 19 '12 at 17:04
  • Ugh, that demo is not very readable... Here, use this: http://jsfiddle.net/h93Tg/3/ – Šime Vidas Oct 19 '12 at 17:19
  • http://snook.ca/archives/html_and_css/css-text-rotation – Jawad Oct 19 '12 at 19:12
  • http://www.thecssninja.com/css/real-text-rotation-with-css – Jawad Oct 19 '12 at 19:12
  • this [related answer][1] works for your issue. [1]: http://stackoverflow.com/questions/272799/vertical-rotated-text-in-html-table – wandarkaf Nov 05 '12 at 09:55

0 Answers0