Устранение ошибки рендеринга границ таблицы Firefox

#css #firefox

Вопрос:

Я использую таблицу для рендеринга календаря. Я заметил странную ошибку рендеринга при рендеринге границ ячеек таблицы в Firefox версий с 3.6 по 7. Вот снимок экрана:

ошибка рендеринга границ таблицы

Как вы можете видеть, граница становится «изогнутой» при прокрутке. Кроме того, между горизонтальной и вертикальной границей есть промежутки, где она не «изогнута». Живой пример можно увидеть на этом веб-сайте.

Я не вижу такого поведения в Chrome, Safari или Internet Explorer.

Обновить

Я все еще вижу эту проблему в Firefox 20. Я заметил, что границы с одним пикселем не демонстрируют такого поведения, только с двумя пикселями или более.

1. это произошло только при первом открытии страницы, при обновлении ошибка исчезает, ctrl щелчок по ячейкам таблицы воспроизводит ее

2. @max4ever — Это верно для меня и для проблемы «bent», но проблема с разрывом в один пиксель остается.

Ответ №1:

У вас проблема с разрушением границ:

Вот решение вашей проблемы:http://www.charlesgarwood.com/blog/?p=13

Что делать:

изменить border-collapse с collapse на separate
измените border-width <td> s и <th> s с 2px на 1px
дайте <table> самому себе 1px border

Дайте несколько условных комментариев, подобных описанным в ссылке