You have been so close...
<table style="width:200px">
<tr>
<td>a</td>
<td>b</td>
<td style="width:100%">c</td>
</tr>
<tr>
<td colspan="3">Lorem ipsum<td>
</tr>
</table>
Just apply a width to the table as a whole as well. If not the width of the
row will be relative to the surrounding container, which might be the page
itself.
Best regards,
Martin
2010/2/12 Rex the Strange <[email protected]>
> I'm going crazy over this one. Surely it cannot be that hard. Let's
> assume the following table
>
> <table>
> <tr>
> <td>cell a</td>
> <td>cell b</td>
> <td>cell c</td>
> </tr>
> <tr>
> <td colspan=3>This is the main cell with a bunch of content
> here
> that makes the table very wide</td>
> </tr>
> </table>
>
> Now, the problem is this - the natural inclination of a browser is to
> make each of the cells (a, b and c) the same width, so that together
> they fill the available space.
>
> I want Cell C to take all the free space, making Cells A and B as
> small as possible. I tried setting the width of Cell C to 100% which
> sort of works, but it makes the table bigger than it should be.
>
> Please help! How can I achieve this?
>
> tia,
> rts
>
> --
> --
> You received this because you are subscribed to the "Design the Web with
> CSS" at Google groups.
> To post: [email protected]
> To unsubscribe: [email protected]
--
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
