not2easy - 6:46 pm on Jul 19, 2013 (gmt 0)
If you're trying to line up two columns that will be populated dynamically with different height <div>s, use the table as a "wrapper", but the only way I see to have a footer at the bottom of different height cell content is to span the columns by using a <div> after the </table>.
A simple <table><tr><td> that contains any number of <div>s then </td><td> for the second column of any number of <div>s then close it off with </td></tr></table> and a separate <div> for your footer. The two columns are not very likely to line up horizontally unless they all contain the same image height and lines of text or unless you specify height for your <div>s which would look bad if some have no image.
I don't know another way you could have horizontal uniformity for the footer with various height blocks in the columns. If it has to look like two separate footers but align horizontally like one row, build a table in the footer <div>. The number of divs you can add to either <td> column depends on how much variation you have in height - but only if you want it to be somewhat balanced looking (which I would guess is the goal). The rest is up to you and your CSS.