Try freeBuy now
Try freeBuy now

HTML to PDF / DOCX / RTF Java converter library › Forums › PD4ML v3 Archived Forums (Read Only) › HTML/CSS rendering issues › Table borders disappear in default or low zoom ratio

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • cyclops49
      August 16, 2010 at 04:17
      #26441

      I used css to draw table borders(source is below), and PD4ML generated PDF file was OK, and paper printed via printer was OK, too.
      But when I used Adobe Acrobet Reader 9 to view pdf file genereated by PD4ML, in default zoom ratio or low ratio, some borders “disappear” !? (see attached file)
      If I changed zoom ratio to greater such as 150%, those disappearances displayed again…and I noticed those borders are slimmer than others.

      BTW, there’s something I noticed,
      if I remove padding or background style of th/td, everything is OK
      but when I use padding and background style, some borders will disappear in low zoom ratio.

      PD4ML ver: 360fx1 registered and 361b1 trial

      Html source:
      <br /> <html><br /> <head><br /> <meta http-equiv=Content-Type content="text/html; charset=utf-8"><br /> <style type="text/css"><br /> .tb1a{border:1px #000 solid; border-collapse:collapse;}<br /> .tb1a th,.tb1a td{padding:3px 3px; border:1px #000 solid;}<br /> .tb1a th{background:#ddd;}<br /> </style><br /> </head><br /> <body><br /> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="tb1a"><br /> <tr><br /> <th>111</th><br /> <th>222</th><br /> <th>333</th><br /> <th>444</th><br /> <th>555</th><br /> <th>666</th><br /> <th>777</th><br /> <th>888</th><br /> </tr><br /> <tr><br /> <td>aaa</td><br /> <td>bbb</td><br /> <td>ccc</td><br /> <td>ddd</td><br /> <td>eee</td><br /> <td>fff</td><br /> <td>ggg</td><br /> <td>hhh</td><br /> </tr><br /> </table><br /> </body><br />

      PD4ML
        August 17, 2010 at 10:12
        #28182

        I guess it happens because of coordinates rounding by particular zoom factors. So cell background overlaps borders. A workaround is to define background not to table cells, but to rows.

        For example:
        .tb1a tr:first-child{background:#ddd;}

        cyclops49
          August 18, 2010 at 06:56
          #28183

          But if my table layout is as below:
          <br /> <style type="text/css"><br /> .tb4{color:#000; border:1px #000 solid; border-collapse:collapse;}<br /> .tb4 td{padding:6px 3px; border:1px #000 solid; line-height:15px; }<br /> .tb4 .hd{padding:6px 3px; background:#eee; text-align:right; }<br /> </style><br /> ... ...<br /> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="tb4"><br /> <tr><br /> <td class="hd" width="20%"><br /> AAA<br /> </td><br /> <td><br /> 111<br /> </td><br /> </tr><br /> <tr><br /> <td class="hd" width="20%"><br /> BBB<br /> </td><br /> <td><br /> 222<br /> </td><br /> </tr><br /> </table><br />

          Any suggestion to fix “missing” border between AAA and BBB?

          PD4ML
            October 23, 2010 at 12:54
            #28184

            PD4ML table border rendering algorithms are significantly refactored by v361b2. The issue is solved.

          • Author
            Posts
          Viewing 4 posts - 1 through 4 (of 4 total)

          The forum ‘HTML/CSS rendering issues’ is closed to new topics and replies.