I have gone through the questions that are already open, but couldn't find a resolution.
Its something like this: ......
<div style="some height"> <div style="some width"> .......and so on.. .. <table> <tr> <td> <div id="parentDiv"> <div id="div1">Title Text and description.</div> <div id="div2">Text+Image button here</div> </div> </td> <td> ..and more such columns and rows. </td> <Other divs closing>
Now, I want div2 to stick to the base of
parentDiv all the time, irrespective of the height of
If I give position:relative to
parentDiv and position:absolute to div2, I am not able to use and thing so that it sticks o the base of the
I want this because, if any other TD gets a bigger height due the content in div1, I want all the text and button image to stay aligned in a row.
P.S. - I cannot use a table inside a table to fix this problem as the actual scenario uses JS to feed a functionality. Any CSS to fix this issue?
Thanks in advance.