to be of a fixed height, with the last one to be expand to will the rest
column. Thanks for your suggestion, I'm going to look into it, but a bit
worried about the complexity of it, this is not a simple page lay out, but a
Database report being displayed in a calendar layout. I have seven columns
(obviously) and many rows of data per day. I might be able to build the
entire thing out of divs, but that sounds cumbersome. Especially since the
data needs to line up horizontally as well as vertically.
Sounds like I might have to live with the "equalized" columns. It only
comes into play when the data has just a certain layout and has been heavily
filtered, so as only a few records are being displayed. Otherwise the
natural distribution of the data keeps the cells balanced in the desired
proportions.
--------------
Ian Skinner
Web Programmer
BloodSource
www.BloodSource.org
Sacramento, CA
-----Original Message-----
From: jon hall [mailto:[EMAIL PROTECTED]
Sent: Monday, November 24, 2003 10:53 AM
To: CF-Community
Subject: Re: HTML & CSS only table question.
When you say you want the height of the lower left box to "match the
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]
