Rotate text in Internet Explorer using CSS and Matrix transform...

Not sure about Internet Explorer 9 yet but there is an excellent online tool for calculating the correct values for Internet Explorer 6, 7 and 8 css filters:

Enter the degrees of rotation and click 'Set'

This will generate CSS for the equivalent values for Firefox, Safari/Chrome and Opera but these can now be more simply stated using, e.g.

-moz-transform:rotate(25deg);
-webkit-transform:rotate(25deg);
-o-transform:rotate(25deg);

The basic filter for IE only allows 90 degree rotations (0, 90, 180, 270) so if you want text or images at a jaunty angle it's not enough. It's worth the extra effort to keep text as text and not resort to imagery.

However, don't expect the text to be as smooth as in other, more capable browsers...

The maths

Vertical text

CSS3 is providing a selection of memes. The old age problem of browser rendering and cross-browser testing heads up again though.

ScottGale.com gives a working solution.

The axis of rotation can vary between browsers and pre Internet Explorer 8 offerings are jippy.

The Albany Group

The Albany UK website has a soft launch period at the moment so we'll be monitoring how the site stands up with some top-heavy scripts. There are some known issues with Internet Explorer 8 and the Featured Content Gallery so this may be reviewed depending on feedback.

The website is a bespoke design update to the previous site and includes Ipix and Flash virtual tours, press-releases, past and present property projects, modal contact form, textured navigation, search engine friendly urls, interactive slideshow and image carousel, and information about the team.

Based on a wordpress CMS with lots of template editing and updates to functions.php

This represents more Callisti endeavours for The Creative 6 in London

Thanks to this useful mime types work.