Границы, не отображаемые в Firefox, с краем-свертыванием в таблице, положением: относительно тела или цветом фона в ячейке

Рассмотрим следующий HTML-код:

      
Продукт Цена Скидка
Клавиатура 20 2

Обратите внимание, что последняя ячейка имеет левую и правую границу в своем встроенном стиле. Вы (или, по крайней мере, я) ожидали бы, что это будет видно. В IE это так. Но в Firefox (6) этого нет. Вы можете решить эту проблему следующим образом:

  • Удаление относительной позиции в div.datagrid table tbody в CSS
  • Изменение div.datagrid table tbody на div.datagrid table в CSS
  • Удаление background-color в table.data td.priceCell в CSS
  • Удаление border-collapse в таблице div.datagrid в CSS

Это упрощенная версия нашего кода; мы тоже ее решили (выбрав вариант 2). Но вот что меня интересует:

  • Это ошибка в Firefox?
  • Это ошибка в IE?

И особенно: по какой причине Firefox не показывает границы, когда CSS как есть?

74
задан Pang 27 September 2016 в 08:51
поделиться