Posted by Ben C on 10/30/06 07:39

On 2006-10-30, ssk <sam.s.kong@gmail.com> wrote:
> Hi,
>
> I want to have a table with 3 columns.
> The table's width is 100%.
> 1st column's width should be 100 px.
> The other 2 columns are variable-width but they should be the same.
>
> One option is that:
> Table: 100%
> 1st column: 100 px
> 2nd column: 50%
> 3rd column: 50%
>
> That might work but I don't think it's way to go.

It probably does work. But you've asked for an inconsistent set of
things and letting the UA decide according to its arbitrary rules which
you care about the least. As you say, not a good way to do.


> What's the best way to do that?

Just set 100px on the first column and leave the other two to auto.

If the table itself has a width (100%) the UA will divide the extra
space evenly between the auto width columns.

Not sure where/if this is specified (that's the problem with tables),
but try it in all your browsers.

[Back to original message]