[Synotic]

It's been a long time since I've had to rely on tables for anything layout-wise, so I'm a bit rusty. It's probably easier just to check the code below, but what I'm trying to do is have 3 column table, with the third column having 3 individual rows. I want the 3 rows in the third column to be evenly distributed (the first should be at the top, the second should be in the middle, and the third should be at the bottom). It seems that Firefox renders my code appropriately enough, but ie:mac and Safari don't. I haven't checked IE6, but it'll need to work there as well.

Code:
<table border="1" cellspacing="0" cellpadding="0">
	<tr>
		<td rowspan="3">text</td>
		<td width="445" rowspan="3">
			long text<br />
			long text<br />
			long text<br />
			long text<br />
			long text<br />
			long text<br />
			long text<br />
			long text<br />
			long text<br />
			long text
		</td>
		<td height="20">a</td>
	</tr>
	<tr><td colspan="3">b</td></tr>
	<tr><td height="20" colspan="3">c</td></tr>
</table>

The amount of "long text" will be variable. The widths and 20px heights will always remain the same. Is there anyone I can get this working? Thanks

[Simon Mundy]

Originally posted by Synotic:
It's been a long time since I've had to rely on tables for anything layout-wise...

Ouch. You've just opened an old wound... Something to do with IE4 and NS4 never quite working right unless I just put ANOTHER table inside then another and then... AARRGGHHH!!!

Anyways, had a quick look and it's an exercise in futility. Your best bet would be to only use a rowspan of 2 and then 'fake' the 3rd row to make it look like it's part of the middle section (some colour, etc...). That way Safari will stretch the 2nd row to fit (couldn't be bothered to check IE for Mac).

Hope that helps FWIW!

[philzilla]

burn in hell!

[Synotic]

Originally posted by Simon Mundy:
Ouch. You've just opened an old wound... Something to do with IE4 and NS4 never quite working right unless I just put ANOTHER table inside then another and then... AARRGGHHH!!!

Anyways, had a quick look and it's an exercise in futility. Your best bet would be to only use a rowspan of 2 and then 'fake' the 3rd row to make it look like it's part of the middle section (some colour, etc...). That way Safari will stretch the 2nd row to fit (couldn't be bothered to check IE for Mac).

Hope that helps FWIW!

Thanks, it seems like it sort of works, but I need to have the first and second column stretched to the full height of the table. I ended up just using a table to vertically center my middle block and then absolutely positioned the top and bottom blocks... it's dirty but seems to work so far.

Thanks (and Phil too) for your help

[philzilla]

Originally posted by Synotic:
Thanks (and Phil too) for your help

any time