Hello all,

     In my project there is an option to print web pages. It contains background images and colours. By default the browsers should not print background images and colours(I don't want to change the browser settings). I found some method to override this problem by putting Div and img tag. So text will be placed on top of image. The problem is the text are dynamic. This method is affecting the design a lot. Any suggestions?


<style>
#outer
{
position: absolute; top: 50px; left: 50px; height: 100px;
     width: 100px; border: thin solid red;
}
</style>

<DIV id="outer" align="center">
<div style="height:48.4em"><img src="gray.gif" height="100%"/></div>
<div style="position:relative;top:-48.4em;;margin-left:2px;margin-top:2px">
<table id="tbl" border="1">
  <tr>
    <td>
     contents
     contents
     contents
     contents
     contents

     </td>
   </tr>
</table>
</div>
</DIV>

Thanks in advance
GHari


GHari