Note that there are some explanatory texts on larger screens.

plurals
  1. PORotate text 270 degrees in IE6 ONLY
    primarykey
    data
    text
    <p>I have read a few other posts on Stack Overflow and did some Googling but so far have not seen anything that is actually working.</p> <p>I have an h2 I want to rotate 270 degrees in all browsers plus IE6/7. All browsers, FF, Safari, Chrome, IE7, etc., rotate the text just fine but IE6 just won't rotate 270. I can only get it to rotate 90 which isn't what I need.</p> <p>Here is the HTML:</p> <pre><code>&lt;div class="tab-content"&gt; &lt;h1&gt;Lorem Ipsum&lt;/h1&gt; &lt;p&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.&lt;/p&gt; &lt;/div&gt; </code></pre> <p>And here is the CSS:</p> <pre><code>.tab-content h1 { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); filter:progid:DXImageTransform.Microsoft.Matrix(M11=-0.00000000, M12=1.00000000, M21=-1.00000000, M22=-0.00000000,sizingMethod='auto expand'); zoom: 1; font: 15px Arial, Helvetica, sans-serif; color: #4b4b4c; text-transform: uppercase; } </code></pre> <p>I tried </p> <pre><code>writing-mode: tb-rl; filter: flipv fliph; </code></pre> <p>as well and that will rotate it 90 degrees but not 270 like I want.</p> <p>I tired with &amp; w/o zoom:1; and I'm running out of ideas. Any one have a good grasp of rotating text in ie6? There are a lot of articles on rotating images and such but not much on text and I figured it would be the same image or heading...</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload