like below fixes the issue The problem is with the word variable, you see. Have a look at this article here: http://www.alistapart.com/articles/holygrail/ What it describes is the case for two fixed width and one width columns. Given this, you should be able to create a layout with as many fixed and variable width columns as you want.
IE8 - 3 columns layout: 100% width, left and right div fixed width and 100% height + middle div min-width 955px
I wish this helpful for you I have a 5-column table whose first and last columns have fixed (and different) widths. How do I force the 3 center columns to be equally distributed across the remaining width of the table? , How about trying the following?