height" of the right column, I didn't think you meant literally the
same height, but that you want the lower edges to line up. So I
assumed further that all you really wanted was for the two fixed size
boxes to stay a fixed size letting the last box expand downwards while
keeping a consistent lower border with the right column. So if this is
solution way off, now you know why. :)
<div style="width: 300px; border: 1px solid black">
<div style="width: 130px; float: left">
<div style="height: 50px; background-color: green">data data</div>
<div style="height: 50px; background-color: red">data data</div>
<div style="background-color: blue;">expanding left column</div>
</div>
<div style="margin-left: 130px;">expanding right column</div>
</div>
--
jon
mailto:[EMAIL PROTECTED]
Monday, November 24, 2003, 12:00:42 PM, you wrote:
IS> Haven't gotten much of a response from Talk, so I thought I would try here.
IS> Hopefully there are enough of us working this week to get a answer.
>> I have a table laid out something like this simplified example:
>>
>> <table>
>> <tr>
>> <td>data</td>
>> <td rowspan=4>Data</td>
>> <tr>
>> <tr>
>> <td>data</td>
>> <tr>
>> <tr>
>> <td rowspan=2>data</td>
>> <tr>
>> </table>
>> I am working on the calculation that results in the unnecessary rowspan in
>> the third row. But I don't think that applies to this issue.
>>
>> This results in a display such as this:
>> (I hope this comes through clearly)
>>
>> |------|------|
>> | data | data |
>> |------| |
>> | data | |
>> |------| |
>> | data | |
>> |------|------|
>>
>> Now the problem is that the data in the right column is several lines
>> long, and is sometimes longer then the data in the rows in the left
>> column. When this happens, I would like the height of the top two cells
>> to remain constant, and the bottom cell to expand to match the height of
>> the right column. I've tried setting the height with both the height
>> parameter in the <td> tag and the CSS height property. Neither seemed to
>> have much effect. The three rows on the left are spacing themselves
>> equally. This needs to work in our IE5.5+ intranet environment.
>>
>> Anybody have any suggestions?
>>
>> Thank You
>>
>> --------------
>> Ian Skinner
>> Web Programmer
>> BloodSource
>> www.BloodSource.org
>> Sacramento, CA
>>
>>
>>
IS> Confidentiality Notice: This message including any
IS> attachments is for the sole use of the intended
IS> recipient(s) and may contain confidential and privileged
IS> information. Any unauthorized review, use, disclosure or
IS> distribution is prohibited. If you are not the
IS> intended recipient, please contact the sender and
IS> delete any copies of this message.
IS>
[Todays Threads] [This Message] [Subscription] [Fast Unsubscribe] [User Settings]
