Cornel2

Hello everyone,

I like the new IE 7, especially the print preview, but ( as always there is a BUT) I'm trying to rotate a text to a vertical position with this code: style = "writing-mode: tb-rl; filter: flipv fliph; "
The problem is when I Preview the text ... the number of pages generated is not stopping to grow(so I guess will generate more than 1,000 pages for 2 pages text...

Maybe is a way around it that I don't know, any way the code is working fine in ie 6.

If you know haw to fix this please let me know.

Thank you,

Cornel T.

PS I tried to narrow down the problem and now the text is rotated to 90 degree but is not flipped in print preview, here is the code that is generating the problem:

<html>

<head>

<body>

<div class=Section1>

<table>

<tr>
<td style = "writing-mode: tb-rl; filter: flipv fliph; ">
I like the new IE 7, especially the print preview,but ( as always there is a BUT) I'm trying to rotate a text to a vertical position with this code: style = "writing-mode: tb-rl; filter: flipv fliph; "
The problem is when I Preview the text ... the number of pages generated is not stopping to grow(so I guess will generate more than 1,000 pages for 2 pages text...

</td>

</tr>
</table>

<p class=MsoNormal><o:p>&nbsp;</o:p></p>

</div>

</body>

</html>




Re: Internet Explorer Web Development IE 7 print preview when printing vertical text

Arno Sosna

I have encountered the exact problem.

writing-mode:tb-rl; is the culprit.

No workaround from my side.

Arno




Re: Internet Explorer Web Development IE 7 print preview when printing vertical text

PSpence

I've had a similar problem on one of my sites, but I wasn't using the vertical-text. I found that when the min-height property on my page container div was higher than 939px it set off the print preview bug. Setting it to something lower fixed the problem. I'm not sure if the same fix will help you out but it's worth a try.




Re: Internet Explorer Web Development IE 7 print preview when printing vertical text

François Pignon

Hi,

to workaround the printing issue, you may use the following trick :

original page :

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

<html>
<head>
<style type="text/css">

.verticaltext{
filter: fliph flipv;writing-mode: tb-rl;
}
</style>
</head>


<body>

<div class="verticaltext" style="width:200;height=300;background[:#]e0e0e0;" >
test

</div>

</body>
</html>
---------------------------------------------------------------------------------

fixed page (printing should be okay)

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

<html>
<head>
<style type="text/css">

.print_verticaltext{
filter: fliph ;writing-mode: tb-rl;
}

.verticaltext{
filter: fliph flipv;writing-mode: tb-rl;
}
</style>
</head>

<script>
function window.onbeforeprint()
{
// Walk through all the elements in the document with
// CLASS="collapsed" and set it to "expanded" just for printing.
var coll = document.all.tags("DIV");
if (coll!=null)
{
for (i=0; i<coll.length; i++)
if (collIdea.className == "verticaltext")
{
collIdea.className = "print_verticaltext";

}

else if (collIdea.className == "expanded")
collIdea.bExpandedForPrinting = false;
}
}

function window.onafterprint()
{
// Walk through all the elements in the doc with CLASS="expanded"
// and set it to "collapsed" if expanded just for
// printing.
var coll = document.all.tags("DIV");
if (coll!=null)
{
for (i=0; i < coll.length; i++)
if (collIdea.className == "print_verticaltext")
{
collIdea.className = "verticaltext"
}
}
}

</script>

<body>

<div class="verticaltext" style="width:200;height=300;background[:#]e0e0e0;" >
test
</div>

</body>
</html>

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

Alternatively, you may consider using VML to achieve vertical text effect :

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

<html xmlns:v="urnTongue Tiedchemas-microsoft-com:vml" xmlnsSurprise="urnTongue Tiedchemas-microsoft-comSurprisefficeSurpriseffice">
<head>
<style type="text/css">
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
</head>
<body>

<vTongue Tiedhape style="position: relative; top: 0px; left: 0px;
width: 300px; height: 300px; antialias: true"
coordsize="300,300">
<vStick out tongueath textpathok="True" v="m 0,300 l 0,0" />
<v:textpath
on="True"
fitpath="false"
string="test"
style="v-text-reverse:True"/>
</vTongue Tiedhape>

</body>
</html>

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

Hope this helps,

Francois





Re: Internet Explorer Web Development IE 7 print preview when printing vertical text

Eldo9405

this is not working...
i am unable to print vertical text.




Re: Internet Explorer Web Development IE 7 print preview when printing vertical text

orim181

The only way I got IE to stop generating a ton of pages was to make sure I don't have a height specified in the surrounding element (table in my case) that holds my vertical text.