Problem with writing-mode and filters

[Gollum]

Hi,

I am trying to write some text in a table so that it flows bottom to top, left to right - in other words rotate it 90degrees anti-clockwise.

now, the following style does this for IE 5.5 and above

.vertical
{
writing-mode: tb-rl;
filter: flipv fliph;
}

Now the problem is that IE5.0 recognises the filter bit, but not the writing-mode bit and you end up with text that is upside-down, which is no good at all.

What I would like is to have the full vertical style for IE5.5 and above and no change for everything else.

Is there a way to specify this in CSS?

[DaveSW]

I've never seen anyone do that...
The nearest thing I can think of is the direction property, (http://www.w3.org/TR/REC-CSS2/visuren.html#propdef-direction) but that only does left or right.

An image wouldn't be any good?

[Gollum]

In the end, I discovered that the <CENTER> tag doesn't support filter flipv or fliph in IE5.0, but it does in IE5.5
so if I wrap the text in a <CENTER> tag and apply the style to that, I either get the flip AND the rotate, or I get neither, which is what I want.:D

[pyro]

You could use the IE only conditional comments (http://www.javascriptkit.com/howto/cc.shtml), as you are using an IE only filter, anyway:

<!--[if gte IE 5.5]>
<style type="text/css">
body {color:red;}
</style>
<![endif]-->That will keep you from having to use the depreciated <center> tag.

[Gollum]

Ta Pyro,

I Like that even better!

[pyro]

Yeah, me too... :D