PD4ML v4 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
  • #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 />

    #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;}

    #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?

    #28184

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

Viewing 4 posts - 1 through 4 (of 4 total)

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