Rotation on FF and IE

F

fulio pen

Hello,

A rotation is included in the following web page. Please open it with
FF and IE. You will see the rotation is achieved on FF, but not IE:

http://www.pinyinology.com/shuangWen/shuangWen2b.html

The css code for the rotation is listed as below:

..rotate {
-webkit-transform: rotate(-270deg);
-moz-transform: rotate(-270deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-270deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
font-size:160%;
}

Help is appreciated for accomplishing the rotation on both the FF and
IE. Thanks for your expertise.


fulio pen
 
1

123Jim

fulio pen said:
Hello,

A rotation is included in the following web page. Please open it with
FF and IE. You will see the rotation is achieved on FF, but not IE:

http://www.pinyinology.com/shuangWen/shuangWen2b.html

The css code for the rotation is listed as below:

.rotate {
-webkit-transform: rotate(-270deg);
-moz-transform: rotate(-270deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-270deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
font-size:160%;
}

Help is appreciated for accomplishing the rotation on both the FF and
IE. Thanks for your expertise.

In your .rotate class
add:

display: block;
position: absolute;

Change:
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
to
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

Then you 'll need to play around with the absolute positioning to have the
text back where you want it.
 
F

fulio pen

In your .rotate class
add:

display: block;
position: absolute;

Change:
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
to
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

Then you 'll need to play around with the absolute positioning to have the
text back where you want it.

Hello,

I changed the code as advised. Now the file displays right on all IE,
FF and Chrome.

http://www.pinyinology.com/shuangWen/shuangWen2c.html

Thanks a lot four your help.

fulio pen
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

Forum statistics

Threads
473,744
Messages
2,569,483
Members
44,903
Latest member
orderPeak8CBDGummies

Latest Threads

Top