PriodoAvara
New Member
I'm trying to create a sideways tab set against the side of the browser window - something like this:
The relevant css code so far:\[code\]left: -29px;transform: rotate(-270deg);-ms-transform: rotate(-270deg); /* IE 9 */-webkit-transform: rotate(-270deg); /* Safari and Chrome */-o-transform: rotate(-270deg); /* Opera */-moz-transform: rotate(-270deg); /* Firefox */filter: progid
XImageTransform.Microsoft.BasicImage(rotation=1); /* for earlier versions of IE */\[/code\]This works perfectly for Firefox, Chrome, and IE9 - for previous versions of IE, though, the tab doesn't show up. The problem seems to be the \[code\]left: -29px;\[/code\] code; if I set it to 0 it looks correct in IE8 and earlier, but not in IE9, Firefox, or Chrome. What's the best way to handle this?
XImageTransform.Microsoft.BasicImage(rotation=1); /* for earlier versions of IE */\[/code\]This works perfectly for Firefox, Chrome, and IE9 - for previous versions of IE, though, the tab doesn't show up. The problem seems to be the \[code\]left: -29px;\[/code\] code; if I set it to 0 it looks correct in IE8 and earlier, but not in IE9, Firefox, or Chrome. What's the best way to handle this?