[lost child]

Hi, guys.

I need to have a table with its width stretched to fit the browser window; HOWEVER, I want ONLY the leftmost and the rightmost [e.g. the first and the last] columns to automatically adjust their widths and NOT the columns in the middle; I want the columns in the middle to have fixed widths.
I’m aware of the max-width property in CSS, but it has poor browser support and doesn't work reliably, so I’m looking for an alternative approach. Can this be achieved with a CSS expression without affecting the performance too much? I'd like to avoid using JS for this, unless there's a peace of code simple enough for a beginner like me to understand and implement.
Please guide me.

Thank you in advance.

This post has been edited by lost child: 04 April 2008 - 06:21 AM

[ahmad_511]

Hi
first your table must be "100%" (percental)
now the cells on the right and the left columns must have an "auto" width.

alternative:
create a column group for the table and assign the "auto" for the first and last columns

<colgroup>
<col width="auto"/><col width="30px"/><col width="30px"/><col width="30px"/><col width="30px"/><col width="30px"/><col width="auto"/>
</colgroup>

Tested on IE7 / IE8 Beta 8.0.6001.17184 / FF3 Beta 4