No problem as well:
<table border="1" cellspacing="0" cellpadding="0">
<tr>
<td>
<table border="1" cellspacing="0" cellpadding="0">
<tr>
<td>a</td>
<td>b</td>
<td width="100%">c</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>Lorem ipsum lorem ipsum</td>
</tr>
</table>
Best regards,
Martin
2010/2/12 Rex the Strange <[email protected]>
> 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]
>
--
--
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]
