I have a table with 3 cells. The first one is always 50px. The middle one can change, and so can the right one. However, the right one should have higher priority. How is this done?
Here it’s working as intended: http://jsfiddle.net/NyQDb/
And here it’s squishing the right one: http://jsfiddle.net/NyQDb/1/
The right one can be any number, so a fixed width will not be sufficient.
Add
white-space:nowrap;to the style of the rightmost cell.http://jsfiddle.net/NyQDb/2/