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:

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

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

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

    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.