Hi, We’re trying to create an image from what is represented in a design application we’re working on. The text and images are all absolutely positioned and things get placed generally in the right location, so it’s sort of working. But the size of the image that is created is close, but not exact… It clips off the right edge of our HTML Doc (or output image) and adds additional padding or whitespace to the bottom of the image.
The following attachments show what is going on, the “source-html-on-screen” image shows how it looks in the browser. The “image-output” image shows what gets generated as a Jpg or Png, notice the clipping on the right side of the image, and the padding on the bottom. I’ve included the code we’re using to generate it, including some CSS resets I’ve added trying to solve the problem. But the problem preceded me adding the resets. It cleaned up some very minor things, but not the biggest issue of it not sizing the image properly (right and bottom issues).
Please advise. Thank you.