Рассмотрим следующий 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 не показывает границы, когда CSS как есть?