css media print problem
Posted: Thu Mar 08, 2007 2:39 pm
Hi there...
I am using this style for my page
and i have this table
For some reason the table on the print preview doesnt have background yellow, and off course the printing comes without yellow. However the rotation works...The table and the text prints on landscape...
[/syntax]
Any ideas why this is happening?
I am using this style for my page
Code: Select all
<style type="text/css">
body {margin: 2% 5%; background-color: Ivory}
h2,h3,pre {color: DarkOrchid}
div.breakafter {page-break-after:always;
color: silver}
div.breakbefore {page-break-before:always;
color: silver}
</style>
<style type="text/css" media="print">
div.page {
writing-mode: tb-rl;
height: 80%;
margin: 10% 0%;
}
div.page table {
margin-right: 80pt;
filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=1);
}
</style>Code: Select all
<div class="page">
<h3>Third Page Should Be in Landscape</h3>
Hallo there
<!-- Use IE Conditional Comments to hide table from IE5.x -->
<!--[if gte IE 6]>
<table bgcolor = "Yellow">
<tr>
<td>First Cell in first row</td>
<td>Second Cell</td>
<td>Third Cell in first row</td>
</tr>
<tr>
<td>First Cell in row 2</td>
<td>Second Cell</td>
<td>Third Cell in row 2</td>
</tr>
</table>
<![endif]-->
</div>
[/syntax]
Any ideas why this is happening?