Controling table width with CSS in PDF output?

[kydeck]

Hello everyone! What I'm trying to do here is set up a system where my tables will always be as wide as their containers, so 100% wide in css terms. What I'm noticing is that even though I've set my table's width to be 100% in several spots (including in-line out of desperation), the table sizing seems to be inheriting the width of it's parent regardless of what I set it to (but works as expected in web output). Is there any way to set fluid-width on a table that it will respect in PDF output or am I forever locked into setting absolute widths for print output?

table-width.PNG

Here's a visual representation of what I'm struggling with, the red border is the right boundary of my container (in this case the container has a set width of 75% of the page), you can see the paragraph tags with a blue border fill the whole container. My table on the other hand, despite having width:100%;, is not filling up the whole container but is actually only filling up about 75% of the container. (This an interesting note since that is what the parent's width is set to, is this a bug where the table is inheriting this width when it should not be?)

[ChoccieMuffin]

Sorry, I can't see your link. Can you upload your screenshot as an attachment instead?

[kydeck]

Sorry, I can't see your link. Can you upload your screenshot as an attachment instead?

Definitely! I hadn't seen that feature before but that's much better.

[Psider]

Could you do a super long title or footnote, so that it wraps? You might find that it wraps exactly where the your table is. (I'm assuming the blue and red lines are added in a graphics tool, rather than being part of the styles you've set up.)

[AlexFox]

You could try building a HTML5 target using your print medium, to be able to properly inspect what's going on.

[kydeck]

Could you do a super long title or footnote, so that it wraps? You might find that it wraps exactly where the your table is. (I'm assuming the blue and red lines are added in a graphics tool, rather than being part of the styles you've set up.)

That would be one way to do it I think, make sure the content completely fills the table. Unfortunately I'm just the designer/developer and others will be adding the content in.

[kydeck]

You could try building a HTML5 target using your print medium, to be able to properly inspect what's going on.

I have done that actually and HTML5 output behaves as expected (the table fills 100% of it's parent container with width:100%;). So I believe there's something strange happening in the PDF rendering engine.

[Psider]

That would be one way to do it I think, make sure the content completely fills the table. Unfortunately I'm just the designer/developer and others will be adding the content in.

I meant in your heading and regular paragraph as a test, just to ensure the text fills where you expect it. From the screenshot I can't tell this is the case.