Вложенная таблица IE / Safari / Chrome Display Проблема

Question

У меня есть пара вложенных таблиц, которые, кажется, отлично работают в Firefox, но в IE, Chrome и Safari отображение все перепутано.

По сути, внешняя таблица определена как имеющая width =100%, а затем каждая строка в этой таблице содержит другую таблицу, которая также имеет ширину = 100%.Каждая внутренняя таблица также содержит одну строку, в которой ширина всех ячеек, кроме одной, определяется как количество пикселей x, а последняя ячейка определяется без ширины (чтобы она заполняла баланс.

В Firefoxэто работает точно так, как я ожидаю - ячейка с неопределенной шириной занимает оставшуюся часть строки, однако в IE, Safari и Chrome ячейка без ширины, кажется, получает ширину 0px, а другие ячейки в таблице разделяютостаток места.

Код можно увидеть над здесь (JSFiddle).

Answer 1

Выполните эти три шага на каждой из ячеек, для которых не задана ширина:

• Добавить неразрывный пробел. ( )
• Набор line-height:0;
• Набор font-size:0;

Я прошел через вашу скрипку и сделал это на третьей ячейке в каждом ряду, кроме той, в которой содержалось фактическое содержимое, и она правильно отрисовалась.