i've checked my css book and i've played around with a couple of things, and i haven't resolved my problems ... so i thought i'd post my code here and see if anyone could prove how dumb i am. so who's up for the, um, challenge?
i'm trying to accomplish the following:
Code: Select all
<tr>
<td height="126" width="126">
<div style="border:solid 1px black; padding:1px"><!-- full box -->
<div style="background-color:#cccccc; text-align:right">title</div>
<div style="background-color:#999999; height:???">info<br><img src="whatever.png"></div>
</div>
</td></tr>
i want the darker div (999999) to stretch to the bottom of the box and fill it totally ... i tried putting "auto" & "100%" in the "???" ... i also would like both the text and image to fall to the bottom of the box.
kinda like the attachment below:
is this possible? thanx for some feedback?