I have a html page which is marked up with 4 table rows. Each row has a set height, which is defined by a div in the td. The overflow is set to hidden for the divs.
The height approx. equals the height of the page once converted to pdf.
If i add an image to any of the first 3 rows (this image being higher than the div), it is cropped by overflow, and the pdf is one page. However, if I place an image in the last row, it spills over. Each row is exactly the same.
It is becoming frustrating. I have used a reset stylesheet to remove all padding, margins etc, and to no avail. Only on the last row.
The height approx. equals the height of the page once converted to pdf.
If i add an image to any of the first 3 rows (this image being higher than the div), it is cropped by overflow, and the pdf is one page. However, if I place an image in the last row, it spills over. Each row is exactly the same.
<table cellspacing="0" cellpadding="0" border="0" style="border:none; border-collapse:collapse; height: 40;">
<tr>
<td><div height="10"><img src="/image.jpg"/></div></td>
</tr>
<tr>
<td><div height="10"><img src="/image.jpg"/></div></td>
</tr>
<tr>
<td><div height="10"><img src="/image.jpg"/></div></td>
</tr>
<tr>
<td><div height="10"><img src="/image.jpg"/></div></td>
</tr>
</table>
It is becoming frustrating. I have used a reset stylesheet to remove all padding, margins etc, and to no avail. Only on the last row.