How can we use decimal percentage widths for table cells in IE?
We are working on a feature in our app to allow users to change the widths of the columns on our record lists. They will be able to click on the dividing line between two columns, and drag it left or right to resize the column (like you can do in the Outlook email list). We want the columns to fill the browser window, so we are using percentages for the widths. As the user resizes a column, the other columns are automatically resized so that the total width is always 100%. To make the operation smooth, we use an increment of 0.1%. Our code works perfectly in Firefox and Safari, but there is a problem in IE. For some reason, it is rounding the percentage to the nearest whole percentage. This makes the resize operation look very “jumpy”. Here’s an example page that illustrates the problem. The DIV tag is resized as a percentage width, and the table cells are assigned the same percentage. In Firefox, they grow at the same rate. In IE, the DIV tag grows smoothly, but the table cell is jerk
