{"action":"created","issue":{"url":"https://api.github.com/repos/dompdf/dompdf/issues/1535","repository_url":"https://api.github.com/repos/dompdf/dompdf","labels_url":"https://api.github.com/repos/dompdf/dompdf/issues/1535/labels{/name}","comments_url":"https://api.github.com/repos/dompdf/dompdf/issues/1535/comments","events_url":"https://api.github.com/repos/dompdf/dompdf/issues/1535/events","html_url":"https://github.com/dompdf/dompdf/issues/1535","id":255050167,"number":1535,"title":"Absolute positioned container removes borders from table cells","user":{"login":"LiamMcArthur","id":7083125,"avatar_url":"https://avatars0.githubusercontent.com/u/7083125?v=4","gravatar_id":"","url":"https://api.github.com/users/LiamMcArthur","html_url":"https://github.com/LiamMcArthur","followers_url":"https://api.github.com/users/LiamMcArthur/followers","following_url":"https://api.github.com/users/LiamMcArthur/following{/other_user}","gists_url":"https://api.github.com/users/LiamMcArthur/gists{/gist_id}","starred_url":"https://api.github.com/users/LiamMcArthur/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/LiamMcArthur/subscriptions","organizations_url":"https://api.github.com/users/LiamMcArthur/orgs","repos_url":"https://api.github.com/users/LiamMcArthur/repos","events_url":"https://api.github.com/users/LiamMcArthur/events{/privacy}","received_events_url":"https://api.github.com/users/LiamMcArthur/received_events","type":"User","site_admin":false},"labels":[{"id":19113626,"url":"https://api.github.com/repos/dompdf/dompdf/labels/bug","name":"bug","color":"fc2929","default":true},{"id":604512402,"url":"https://api.github.com/repos/dompdf/dompdf/labels/On%20Deck","name":"On Deck","color":"0e8a16","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2017-09-04T13:57:16Z","updated_at":"2017-09-05T06:58:30Z","closed_at":null,"author_association":"NONE","body":"I have a problem where I'm trying to absolute position a div to the bottom of my document. When applying the CSS, the div does sit at the bottom like it should, but it seems to remove the border style from any td elements within. Here's part of the HTML:\r\n\r\n```\r\n<!DOCTYPE html>\r\n<html>\r\n<head>\r\n    <link rel=\"stylesheet\" href=\"style.css\">\r\n</head>\r\n<body>\r\n\r\n<div class=\"page\">\r\n    <span class=\"title\">#1234567890</span>\r\n    <img style=\"width: 15%; float: right;\" class=\"logo\" src=\"logo.png\" alt=\"\">\r\n    <table style=\"margin: 20pt 0 0 0;\">\r\n        <tr>\r\n            <td class=\"label\">Insured</td>\r\n            <td colspan=\"3\">{fullname}</td>\r\n        </tr>\r\n        <tr>\r\n            <td class=\"label\">Address</td>\r\n            <td colspan=\"3\">{address}</td>\r\n        </tr>\r\n        <tr>\r\n            <td class=\"label\">Policy Number</td>\r\n            <td colspan=\"3\">{policynumber}</td>\r\n        </tr>\r\n        <tr>\r\n            <td class=\"label\">Item Insured</td>\r\n            <td colspan=\"3\">{iteminsured}</td>\r\n        </tr>\r\n        <tr>\r\n            <td class=\"label\">Est. Value</td>\r\n            <td colspan=\"3\">{estvalue}</td>\r\n        </tr>\r\n        <tr>\r\n            <td class=\"label\">Premium</td>\r\n            <td colspan=\"3\">{premium}</td>\r\n        </tr>\r\n        <tr>\r\n            <td class=\"label\">Policy Start</td>\r\n            <td>{startdate}</td>\r\n            <td class=\"label\">Policy End</td>\r\n            <td>{enddate}</td>\r\n        </tr>\r\n    </table>\r\n    <p>This is some dummy content.</p>\r\n    <table>\r\n        <tr>\r\n            <td class=\"label\">Test 1</td>\r\n            <td>{test1status}</td>\r\n        </tr>\r\n        <tr>\r\n            <td class=\"label\">Test 2</td>\r\n            <td>{test2}</td>\r\n        </tr>\r\n    </table>\r\n    <div class=\"certificate\">\r\n        <img src=\"covered.png\" alt=\"Covered\">\r\n        <span class=\"title\">Certificate</span>\r\n        <p>This is dummy content.</p>\r\n        <table>\r\n            <tr>\r\n                <td class=\"label\">Insured</td>\r\n                <td>{fullname}</td>\r\n            </tr>\r\n        </table>\r\n    </div>\r\n</div>\r\n\r\n</body>\r\n</html>\r\n```\r\n\r\nHere's my CSS:\r\n\r\n```\r\n@page {\r\n    margin: 0;\r\n}\r\n\r\nhtml {\r\n    margin: 0;\r\n}\r\n\r\nbody {\r\n    margin: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.page {\r\n    width: 100%;\r\n    height: 100%;\r\n    page-break-inside: avoid;\r\n    padding: 20pt;\r\n}\r\n\r\n.cover-background {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n}\r\n\r\n.cover-title {\r\n    position: absolute;\r\n    font-family: 'OpenSans', sans-serif;\r\n    font-size: 48pt;\r\n    line-height: 0.7;\r\n    color: #fff;\r\n    font-weight: bold;\r\n    padding: 230px 0 230px 120px;\r\n}\r\n\r\n.title {\r\n    font-family: 'OpenSans', sans-serif;\r\n    font-size: 18pt;\r\n    color: #21639e;\r\n    font-weight: bold;\r\n}\r\n\r\ntable {\r\n    width: 100%;\r\n}\r\n\r\ntable, tr, td {\r\n    border-collapse: collapse;\r\n}\r\n\r\ntable tr td {\r\n    border: 1px solid #00609d;\r\n    font-family: 'OpenSans', sans-serif;\r\n    padding: 15px;\r\n    vertical-align: middle;\r\n}\r\n\r\ntable tr td.label {\r\n    background: #20639d;\r\n    color: #fff;\r\n    font-weight: bold;\r\n    width: 25%;\r\n}\r\n\r\np {\r\n    font-family: 'OpenSans', sans-serif;\r\n}\r\n\r\n.certificate {\r\n    border: 5pt solid #20639d;\r\n    background: #fefefe;\r\n    padding: 10pt;\r\n    position: absolute;\r\n    bottom: 0;\r\n}\r\n\r\n.certificate .title {\r\n    background: #e1f3fd;\r\n    width: 100%;\r\n    display: block;\r\n    padding: 5pt 5pt 10pt 7pt;\r\n}\r\n\r\n.certificate img {\r\n    float: right;\r\n    width: 19%;\r\n    margin:10pt 10pt 0 5pt;\r\n}\r\n\r\n.certificate p, .certificate table tr td {\r\n    font-size: 9pt;\r\n}\r\n```\r\n\r\nOne work around, for now, is removing `position: absolute; bottom:0;` and replacing it with `position: relative; top: 180pt;` - but that's not ideal if the content above changes.\r\n\r\nAny help is greatly appreciated. I'm currently migrating my website scripts from fPDF to dompdf and I'm absolutely loving how powerful it is, as well as how much easier it is to create dynamic documents I need."},"comment":{"url":"https://api.github.com/repos/dompdf/dompdf/issues/comments/327088329","html_url":"https://github.com/dompdf/dompdf/issues/1535#issuecomment-327088329","issue_url":"https://api.github.com/repos/dompdf/dompdf/issues/1535","id":327088329,"user":{"login":"LiamMcArthur","id":7083125,"avatar_url":"https://avatars0.githubusercontent.com/u/7083125?v=4","gravatar_id":"","url":"https://api.github.com/users/LiamMcArthur","html_url":"https://github.com/LiamMcArthur","followers_url":"https://api.github.com/users/LiamMcArthur/followers","following_url":"https://api.github.com/users/LiamMcArthur/following{/other_user}","gists_url":"https://api.github.com/users/LiamMcArthur/gists{/gist_id}","starred_url":"https://api.github.com/users/LiamMcArthur/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/LiamMcArthur/subscriptions","organizations_url":"https://api.github.com/users/LiamMcArthur/orgs","repos_url":"https://api.github.com/users/LiamMcArthur/repos","events_url":"https://api.github.com/users/LiamMcArthur/events{/privacy}","received_events_url":"https://api.github.com/users/LiamMcArthur/received_events","type":"User","site_admin":false},"created_at":"2017-09-05T06:58:30Z","updated_at":"2017-09-05T06:58:30Z","author_association":"NONE","body":"I'll have a play around with it and see if I can get it working. It's not a huge problem for now though, many thanks for helping out! "}}
{"actor":{"display_login":"LiamMcArthur"}}