Geek Answers Handbook

Printing an HTML table discards cells in the first column

I found a strange problem in Internet Explorer and Chrome: I have a simple HTML table with no CSS layout, 2 columns, no styles and a width of 100%. When I try to print this spreadsheet in Internet Explorer (all versions) and Chrome, the first cell on the second page and later will be deleted.

HTML snippet:

<html>
<head></head>
<body>
   <table  width='100%' cellspacing='0'>  
      <tr><td  align='left'>Date</td><td  align='left'>Order No.</td></tr>  
      <tr><td  align='left'>5/24/2011</td><td  align='left'>287426</td></tr>
      <!-- SNIP :: Many more rows -->
    </table>
 </body>
 </html>

The entire table can be found at: https://gist.github.com/1000367

The output in the preview window in Internet Explorer for page 2 looks like this:

Missing first cell

I added colored lines and a circle to highlight that the left cell is missing.

Any ideas?

I tried setting cellpadding and fields on the outside of the table, with no luck. As suggested, I also added the following CSS rules without effect:

   BODY { margin: 0px; padding: 0px; }
+5
4

IE , doctype . doctype . , <!DOCTYPE html> , ​​.

+2

, css . , , . , .

Blueprint CSS , css . http://www.blueprintcss.org/ , , , , .

+1

, - 100%. , 400px .

0

. -, , - HTML 5 DOCTYPE...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

... HTML 5...

<!DOCTYPE HTML>

... did not help. I found that the META tag also causes this problem ...

<META content="IE=5.0000" http-equiv="X-UA-Compatible">

... when I deleted this meta tag even with HTML 4 DOCTYPE, it displayed correctly.

0
source

More articles:


All Articles