spipu / html2pdf

OFFICIAL PROJECT | HTML to PDF converter written in PHP
http://html2pdf.fr/en/default
Open Software License 3.0
1.68k stars 749 forks source link

Can't get things centered.... #347

Closed MB34 closed 6 years ago

MB34 commented 6 years ago

I have this HTML:

<div class="container" style="width:1280px;">
    <div class="row">
        <div class="col-md-4">&nbsp;</div>
        <div class="col-md-4">
            <img src="images/HCCM Logo Color.png" style="width:15%;" />
        </div>
        <div class="col-md-4">&nbsp;</div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <h1 style="text-align:center; color:#1B5F5B;font-family:'AllertaStencil-Regular', Times, serif">Food Pantry Shopping List</h1>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <p style="text-align:center;">Shopping List is updated monthly.</p>
            <p style="text-align:center;">All items are needed - but critical items for the month are marked. (*)</p>
        </div>
    </div>
    <div class="row">
        <div class="col-md-3">&nbsp;</div>
        <div class="col-md-6">
            <table cellpadding="0" cellspacing="0" border="0" style="width: 100%;" class="pantrytable">
                <tbody>
                    <tr>
                        <td style="vertical-align: top; padding: 0">
                            <table border="0" style="width: 100%;">
                                <tr>
                                    <td style="vertical-align: top; padding: 0">
                                        <table border="0" class="cannedtable">
                                            <tbody>
                                                <tr>
                                                    <td class="pantrytabletd">
                                                        <strong>Canned Items</strong>
                                                    </td>
                                                </tr>
                                                <tr><td>&nbsp;</td></tr>
                                                <tr><td><strong>Stew<em>*</em></strong></td></tr>
                                                <tr><td><strong>Tuna<em>*</em></strong></td></tr>
                                                <tr><td><strong>Chicken<em>*</em></strong></td></tr>
                                                <tr><td><strong>Chili<em>*</em></strong></td></tr>
                                                <tr><td>Soup</td></tr>
                                                <tr><td><strong>Spaghetti Os<em>*</em></strong></td></tr>
                                                <tr><td>Tomatoes</td></tr>
                                                <tr><td><strong>Tomato Sauce<em>*</em></strong></td></tr>
                                                <tr><td><strong>Spaghetti Sauce<em>*</em></strong></td></tr>
                                                <tr><td><strong>Corn<em>*</em></strong></td></tr>
                                                <tr><td><strong>Peas<em>*</em></strong></td></tr>
                                                <tr><td>Mixed Vegetables</td></tr>
                                                <tr><td><strong>Fruit Cocktail<em>*</em></strong></td></tr>
                                                <tr><td>Pineapple</td></tr>
                                                <tr><td>Apple Sauce</td></tr>
                                                <tr><td><strong>Peaches<em>*</em></strong></td></tr>
                                                <tr><td><strong>Peanut Butter<em>*</em></strong></td></tr>
                                                <tr><td><strong>Jelly<em>*</em></strong></td></tr>
                                                <tr><td><strong>Orange Juice<em>*</em></strong></td></tr>
                                                <tr><td><strong>Apple Juice<em>*</em></strong></td></tr>
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                            </td>
                            <td style="vertical-align: top; padding: 0">
                                <table border="0">
                                    <tr>
                                        <td style="vertical-align: top; padding: 0">
                                            <table border="0" class="drytable">
                                                <tr>
                                                    <td class="pantrytabletd">
                                                        <strong>Dry Items</strong></td>
                                                </tr>
                                                <tr><td>&nbsp;</td></tr>
                                                <tr><td>Dried beans (1 or 2 lb. pkgs. only)</td></tr>
                                                <tr><td><strong>Spaghetti/Pasta (1 or 2 lb. pkgs. only)<em>*</em></strong></td></tr>
                                                <tr><td><strong>Cold Cereal<em>*</em></strong></td></tr>
                                                <tr><td>Hot Cereal</td></tr>
                                            </table>
                                            </td>
                                    </tr>
                                    <tr>
                                        <td style="vertical-align: top; padding: 0">
                                            <table border="0" class="personaltable">
                                                <tr>
                                                    <td class="pantrytabletd">
                                                        <strong>Personal Care Items</strong>
                                                    </td>
                                                </tr>
                                                <tr><td>&nbsp;</td></tr>
                                                <tr><td><strong>Bar Soap<em>*</em></strong></td></tr>
                                                <tr><td><strong>Dish Soap<em>*</em></strong></td></tr>
                                                <tr><td><strong>Laundry Detergent<em>*</em></strong></td></tr>
                                                <tr><td><strong>Toilet Tissue<em>*</em></strong></td></tr>
                                                <tr><td><strong>Toothpaste<em>*</em></strong></td></tr>
                                            </table>
                                            </td>
                                    </tr>
                                </table>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">&nbsp;</td>
                    </tr>
                    <tr>
                        <td colspan="2">&nbsp;</td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <strong>Items we do not accept:</strong>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            &nbsp;&nbsp;&nbsp;
                            <strong>Items from home freezers</strong>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            &nbsp;&nbsp;&nbsp;
                            <strong>Homemade or home-canned food items</strong>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">&nbsp;</td>
                    </tr>
                    <tr>
                        <td colspan="2">
                            <strong>*Items most needed at this time</strong>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2">&nbsp;</td>
                    </tr>
                    <tr>
                        <td colspan="2">Updated for July 2018</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="col-md-3">&nbsp;</div>
    </div>
</div>

I'm trying to get it to match the attached PDF... food_list.pdf

Any ideas as to what is wrong? This is the code:

try {
    ob_start();
    $content = ob_get_clean();
    $html2pdf = new Html2Pdf('P', 'USLETTER', 'en');
    $html2pdf->writeHTML($html);
    $html2pdf->output('pantry_list.pdf', 'D');
} catch (Html2PdfException $e) {
    $html2pdf->clean();
    $formatter = new ExceptionFormatter($e);
    echo $formatter->getHtmlMessage();
}
MB34 commented 6 years ago

Nevermind, I used MPDF instead... Doesn't look much like this one is supported and uses an outdated TCPDF.