No replies
msrajesh
Offline
newbie
Last seen: 8 years 51 weeks ago
Timezone: GMT+5.5
Joined: 2010-12-09
Posts: 3
Points: 5

--------------------------------------------------------------------------------

Hi,
I'm trying to print few content which are inside two div tags. Outta which one's position is set as absolute(position:absolute). Then I tried to rotate all the two content using the filter option which is working fine in IE8 compatibility mode(IE7). However when I try to use -ms-filter option and try to do the same, the content whose position is absolute is not getting rotated. Only the other two are getting rotated.

The following is the sample code using Filter(This works fine)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<asp:Content>
 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 
<style type="text/css" media="print">
.landScape
{ 
 width: 100%; 
 height: 100%; 
 margin: 0% 0% 0% 0%; 
filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=3);
}
 
 </style>
 <script type="text/javascript" language="javascript" >
 window.onload = function loadMe() {
 document.body.className = 'landScape';
 }
 </script>
<div style="background-color:Gray;"   >
<div> 
<table > <td>Hi Inner Div</td>
 </table>
      <div id="InnerContainer" style="position:absolute;">Hi I am inner MOST DIV</div>
</div>
</div>
</asp:Content>

The below one is the one where I've used -ms-filter(Here is where the third div's content whose "position:absolute" content is not getting rotated.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<asp:Content>
 
<style type="text/css" media="print">
.landScape
{ 
 width: 100%; 
 height: 100%; 
 margin: 0% 0% 0% 0%; 
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(Rotation=3)";
}
 
 </style>
 <script type="text/javascript" language="javascript" >
 window.onload = function loadMe() {
 document.body.className = 'landScape';
 }
 </script>
<div style="background-color:Gray; "   >
<div> 
<table > <td>Hi Inner Div</td>
 </table>
      <div id="InnerContainer" style="position:absolute;">Hi I am inner MOST DIV</div>
</div>
</div>
</asp:Content>

Thanks in advance.