Rotated text (270°) not shown completely

[Markus B]

Good morning and welcome to the new week!

I need to display a word in rotated text (270°) inside a grid cell (html or label).
Rotating works but the text is not displayed completely. It seems the the heigt is not enough though I set al dimensions (tabel, cell) to "auto".
I tried to set text-height and so on, but nothing helped.

Here you see two cells. The longer text inside the bottom cell is not displayed completely and instead ther is a scrollbar at the right:

Rotating is defined like this:
color:#FFFFFF;
-ms-transform:rotate(270deg);
-webkit-transform:rotate(270deg);
-moz-transform:rotate(270deg);
-o-transform: rotate(270deg);
transform:rotate(270deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
text-align:center;
vertical-align:middle;
font-weight:normal;

What can I do?

Thanks for any answer ...

Markus

[Kateryna Grynko]

Hi Markus,

When you rotate an element on 90 or 270 градусов, then width and height are swapped... So you need to set a bigger width value, apparently.

[Markus B]

Thanks, Katya, that works.
I set dimensions to "auto" before - that wasn't OK.

Have a nice week!

Markus