Thanks for that. The problem is that I don't know what the table width
will be (it needs to be determined by the contents of the lower row -
ie: the lorem ipsum bit)

On Feb 11, 12:28 pm, Martin <[email protected]> wrote:
> 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]

Reply via email to