i have a 100% width table with 3 columns. The center column must be 600px width. How can I have the other two equal width while using up the remaining space?
<table style="width: 100%">
<tr>
<td>left</td>
<td style="width: 600px">center</td>
<td>right</td>
</tr>
</table>
Currently, depending on the content of left or right columns, they are always uneven. I have tried setting 50% width on the left and right as well as other numbers and min-width trials.
Please no jQuery/Javascript.
Best Answer
New answer to this old question.
th
amax-width
andmin-width
instead ofwidth
th
awidth
of50%
.table
awidth
at all.I have fixed this examples middle column
width
at300px
.jsBin Example!
CSS
HTML