Firefox printing problem with Table background colors

L

liunx

Guest
I am having a problem with Firefox as it relates to the printing of a web page with a long table (ie. long enough to span across several pages).

My system is a Windows XP PC.

Inside this very long table, on every 2nd row, I have used a style to specify the table row background color as follows :

<TR style="background-color:#d0d0d0">
<TD>Row 2 (odd), column 1</TD>
<TD>Row 2, 2nd col</TD></TR>

When I look at the printed output, the 1st page is perfect.
However, all the rows starting on the 2nd page and continuing on through to the last page have the background color (even though the HTML code only specifies it for every 2nd row). I am using Firefox version 1.0.3

I should note that this problem does not occur in Internet Explorer.
I prefer to use Firefox as my browser, but I guess I will have to use IE until this problem can be resolved.

Here is the HTML for the web page :


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">
<TITLE>Table 3</TITLE>
<style type="text/css" media="print,screen" >
th {
font-family:Arial;
color:black;
background-color:lightblue;
}
thead {
display:table-header-group;
}
tbody {
display:table-row-group;
}
</style>
</HEAD>

<BODY>

<H1>Table 3</H1>

<TABLE BORDER="3" CELLPADDING="3" CELLSPACING="0">
<thead>
<tr>
<th>Col 1</th>
<th>Col 2</th>
</tr>
</thead>
<tbody>
<TR><TD>Row 1 (even), column 1</TD><TD>Row 1, 2nd col</TD></TR>
<TR style="background-color:#d0d0d0"><TD>Row 2 (odd), column 1</TD><TD>Row 2, 2nd col</TD></TR>
<TR><TD>Row 1 (even), column 1</TD><TD>Row 1, 2nd col</TD></TR>
<TR style="background-color:#d0d0d0"><TD>Row 2 (odd), column 1</TD><TD>Row 2, 2nd col</TD></TR>
<TR><TD>Row 1 (even), column 1</TD><TD>Row 1, 2nd col</TD></TR>
<TR style="background-color:#d0d0d0"><TD>Row 2 (odd), column 1</TD><TD>Row 2, 2nd col</TD></TR>
<TR><TD>Row 1 (even), column 1</TD><TD>Row 1, 2nd col</TD></TR>
<TR style="background-color:#d0d0d0"><TD>Row 2 (odd), column 1</TD><TD>Row 2, 2nd col</TD></TR>
<TR><TD>Row 1 (even), column 1</TD><TD>Row 1, 2nd col</TD></TR>
<TR style="background-color:#d0d0d0"><TD>Row 2 (odd), column 1</TD><TD>Row 2, 2nd col</TD></TR>
<TR><TD>Row 1 (even), column 1</TD><TD>Row 1, 2nd col</TD></TR>
<TR style="background-color:#d0d0d0"><TD>Row 2 (odd), column 1</TD><TD>Row 2, 2nd col</TD></TR>
<TR><TD>Row 1 (even), column 1</TD><TD>Row 1, 2nd col</TD></TR>
<TR style="background-color:#d0d0d0"><TD>Row 2 (odd), column 1</TD><TD>Row 2, 2nd col</TD></TR>
<TR><TD>Row 1 (even), column 1</TD><TD>Row 1, 2nd col</TD></TR>
<TR style="background-color:#d0d0d0"><TD>Row 2 (odd), column 1</TD><TD>Row 2, 2nd col</TD></TR>
<TR><TD>Row 1 (even), column 1</TD><TD>Row 1, 2nd col</TD></TR>
<TR style="background-color:#d0d0d0"><TD>Row 2 (odd), column 1</TD><TD>Row 2, 2nd col</TD></TR>
<TR><TD>Row 1 (even), column 1</TD><TD>Row 1, 2nd col</TD></TR>
<TR style="background-color:#d0d0d0"><TD>Row 2 (odd), column 1</TD><TD>Row 2, 2nd col</TD></TR>
<TR><TD>Row 1 (even), column 1</TD><TD>Row 1, 2nd col</TD></TR>
<TR style="background-color:#d0d0d0"><TD>Row 2 (odd), column 1</TD><TD>Row 2, 2nd col</TD></TR>
<TR><TD>Row 1 (even), column 1</TD><TD>Row 1, 2nd col</TD></TR>
<TR style="background-color:#d0d0d0"><TD>Row 2 (odd), column 1</TD><TD>Row 2, 2nd col</TD></TR>
<TR><TD>Row 1 (even), column 1</TD><TD>Row 1, 2nd col</TD></TR>
<TR style="background-color:#d0d0d0"><TD>Row 2 (odd), column 1</TD><TD>Row 2, 2nd col</TD></TR>
<TR><TD>Row 1 (even), column 1</TD><TD>Row 1, 2nd col</TD></TR>
<TR style="background-color:#d0d0d0"><TD>Row 2 (odd), column 1</TD><TD>Row 2, 2nd col</TD></TR>
<TR><TD>Row 1 (even), column 1</TD><TD>Row 1, 2nd col</TD></TR>
<TR style="background-color:#d0d0d0"><TD>Row 2 (odd), column 1</TD><TD>Row 2, 2nd col</TD></TR>
<TR><TD>Row 1 (even), column 1</TD><TD>Row 1, 2nd col</TD></TR>
<TR style="background-color:#d0d0d0"><TD>Row 2 (odd), column 1</TD><TD>Row 2, 2nd col</TD></TR>
<TR><TD>Row 1 (even), column 1</TD><TD>Row 1, 2nd col</TD></TR>
<TR style="background-color:#d0d0d0"><TD>Row 2 (odd), column 1</TD><TD>Row 2, 2nd col</TD></TR>
<TR><TD>Row 1 (even), column 1</TD><TD>Row 1, 2nd col</TD></TR>
<TR style="background-color:#d0d0d0"><TD>Row 2 (odd), column 1</TD><TD>Row 2, 2nd col</TD></TR>
<TR><TD>Row 1 (even), column 1</TD><TD>Row 1, 2nd col</TD></TR>
<TR style="background-color:#d0d0d0"><TD>Row 2 (odd), column 1</TD><TD>Row 2, 2nd col</TD></TR>
</tbody>
</TABLE>

</BODY>

</HTML>



Please help a frustrated programmer. :eek:Do you have a link to the page in question? Without the code there's nothing we can do for you.
 
You must log in or register to reply here.
Back
Top